如何使用 getDerivedStateFromProps 使用 React setState 方法？

Question

在我的代码中，我使用了componentWillReceiveProps，我知道它已被弃用，但我的代码使用该方法似乎工作正常。这就是我所拥有的：

componentWillReceiveProps(nextProps) {
    if(nextProps.tableData !== undefined) {
      const data = nextProps.tableData.datapaths.map(item => { return item.row });
      this.setState({ data });
    }
  }

谁能告诉我如何将相同的逻辑应用于方法getDerivedStateFromProps，因为当我尝试在此方法中使用setState 方法时它不喜欢并抱怨：

static getDerivedStateFromProps(props, state) {
    if (props.tableData !== undefined) {
      const data = props.tableData.datapaths.map(item => { return item.row });
      state.data = data;
      this.setState({ data });
    }
  }

Answer 1

您不应该在 getDerivedStateFromProps 中使用 setState ，只需返回新状态即可：

static getDerivedStateFromProps(props, state) {
  if (props.tableData !== undefined) {
    const data = props.tableData.datapaths.map(item => { return item.row });

    // this will update the state
    return { data };
  }
}