反应组件状态不会在后续调用相同组件时重置

Question

所以我的组件看起来像下面提到的这样。 当组件第一次渲染时，它会设置状态。但是对于第二次调用，道具保存新数据但它从未设置状态。相反，状态具有以前的数据。不确定是什么导致了这种行为。我感兴趣的状态是“数据”

class MuiTable extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      order: 'asc',
      orderBy: this.props.columnData[0].id,
      selected: this.props.defaultAllSelect !== undefined && this.props.defaultAllSelect ? this.props.data.map(d=> d[this.props.uniqueKey]) : [],
      data: this.props.isSortable ? this.props.data.sort((a, b) => (a[this.props.columnData[0].id] < b[this.props.columnData[0].id] ? -1 : 1)) : this.props.data,
      page: 0,
      rowsPerPage: this.props.rowsPerPage,
      uniqueKey: this.props.uniqueKey
    };
  }
}

Answer 1

请尝试实现 componentWillReceivedProps(nextProps) 方法并使用 this.setState();更新您的状态。

这可能会对您有所帮助：React lifecycle

Answer 2

这是正常的，因为这是构造方法。
您应该阅读组件生命周期方法，doc

对于生命周期的更新部分，它是：

1. componentWillReceiveProps()
2. shouldComponentUpdate()
3. componentWillUpdate()
4. 渲染()
5. componentDidUpdate()