reactjs - 为什么 componentWillReceiveProps 被弃用？

Question

我通读了https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#fetching-external-data-when-props-change 。我仍然无法理解为什么他们必须弃用 componentWillReceiveProps。
在 componentWillReceiveProps 中进行 ajax 调用有什么危害？一旦 ajax 调用返回值，我就会更新状态，从而重新渲染组件。

Answer 1

componentWillReceiveProps 是一个同步钩子(Hook)。在该钩子(Hook)内调用异步函数(例如数据获取)需要在设置新 Prop 和数据完成加载之间进行渲染。

但是 getDerivedStateFromProps 是一个异步 Hook ，不需要任何额外的渲染。因此，componentWillReceiveProps 已被弃用，原因如下:

1. 使用 getDerivedStateFromProps
2. 或者，使用 componentDidUpdate

这不会给你带来不必要的渲染。请注意，getDerivedStateFromProps 仅在极少数情况下使用。因此，我建议您尽可能使用 componentDidUpdate hook。

<小时/>

比较 componentWillMount 和 componentDidMount 时会发生类似的情况。每当您需要执行异步操作时，请使用 componentDidMount 并在任何情况下忘记 componentWillMount 。关于 componentDidMount 的更多解释在我的另一个 post .