javascript - 为什么在页面重新渲染之前调用 componentWillRecieveProps()？

Question

我正在尝试在我的 react-native 应用程序中重新呈现一些值。为此，我使用了 componentWillRecieveProps()。但是，componentWillRecieveProps() 在重新渲染之前执行，在状态中设置了错误的值。

componentWillReceiveProps(nextProps) {
    const {
        navigation
    } = nextProps;
    const flatListData = navigation.getParam("flatListData", "NO-DATA")
    console.log(flatListData)
    this.setState({
        dataSource: flatListData
    })
}

Answer 1

componentWillRecieveProps 将始终在重新渲染之前执行，这是默认行为。

您可能需要 componentDidUpdate，它将在重新渲染后执行。

---

注意:componentWillRecieveProps被替换为getDerivedStateFromProps

Reference到此信息。