Question

我在构造函数this.state = {};中设置了状态，但prevState方法中的calculateState参数为null。我应该在哪里设置容器的初始状态？

class QuestionnairesContainer extends Component {
  static getStores() {
    return [QuestionnairesStore];
  }

  static calculateState(prevState) {
    return {
      questionnairesList: QuestionnairesStore.getState().questionnairesList,
      pagingObject: prevState.pagingObject
    };
  }

  constructor(props) {
    super(props);
    this.state = {
      pagingObject: someData
    };
  }

  render() {
    return (
      <section>
      </section>
    );
  }
}

export default Container.create(QuestionnairesContainer);

Answer 1

我找到了通量GitHub的解决方案。

  static calculateState(prevState) {
    const init = prevState ? {} : {
      pagingObject: someData,
    };
    return {
      ...init,
      questionnairesList: QuestionnairesStore.getState().questionnairesList
    };
  }
  constructor(props) {
      super(props);
  }

为什么在Flux的calculateState方法中prevState参数为null？

1 个答案: