reactjs - Redux 调用为空

Question

我有一些来自 redux 商店的异步数据。这是在 中声明的mapStateToProps。当我在子组件中调用它时，它是空的。

家长

componentDidMount() {
    this.props.fetchFlowDiagramData();
} 
function mapStateToProps(state, ownProps) {
    return {
        flowDiagramData: state.appReducer.flowDiagramData
    }   
}

孩子

constructor(props) {
  super(props);
  // Initialize Flow Diagram JSON
  this.flowJson = this.props.flowDiagramData;
  this.state = {};
}

componentDidMount() {
  var data = this.flowJson; // This is empty
}

如何确保正确检索此异步调用？

标签： reactjsredux

Answer 1

componentDidMount 生命周期方法不会在组件更新时触发。您说您正在获取数据，因此请确保仅在数据可用后才安装组件。