componentWillReceiveProps/getDerivedStateFromProps 的用途

Question

我刚刚学习 React，遇到了一些我无法在任何地方找到解释的东西。

在我读过的关于 React 组件的每一本书/博客中，我都看到过这样的声明：组件 props 是不可变的。更改组件属性的唯一方法是重新创建它。不过，情况似乎并非如此。

在阅读“React in Action”和“React Quickly”时，我遇到了对componentWillReceiveProps 的引用，并解释了在要更改props（不是状态）时使用此方法。我已经看过这方面的文档（以及较新的 getDerivedStateFromProps 函数）。

componentWillReceiveProps 的文档说明：

componentWillReceiveProps() is invoked before a mounted component receives new props. 

getDerivedStateFromProps 的文档指出：

This method exists for rare use cases where the state depends on changes in props over time. 

这些都没有解释如何在组件的生命周期中随时接收（和更改？）不可变道具。

那么，这里到底发生了什么？如果道具无法更改，这些功能/方法有什么用？或者，书籍/博客是不是弄错了，毕竟它们真的不是一成不变的？

Answer 1

可以使用新的/更新的/不同的道具重新渲染组件。考虑以下组件：

function Parent () {
    const [count, setCount] = useState(0);

    setInterval(() => setCount(count + 1), 1000);

    return (
      <CounterDisplay count={count} />
    )
}

CounterDisplay 组件将使用新的 count 属性每秒重新渲染一次（ish）。如果 CounterDisplay 需要在重新渲染之前响应新的 prop 做一些事情，可以实现 componentWillReceiveProps。

实际上，这在运行最新版本的 React 的项目中非常罕见。我已经好几年没有在 React 组件中实现 componentWillReceiveProps 方法了。