React 16.X 中 props 改变后在哪个生命周期中处理

类别：react / 日期：2022-12-26 / 浏览：340 / 评论：0

在 getDerivedStateFromProps 中进行处理。

这个生命周期函数是为了替代 componentWillReceiveProps 存在的， 所以在需要使用 componentWillReceiveProps 时，就可以考虑使用 getDerivedStateFromProps 来进行替代。

两者的参数是不相同的，而 getDerivedStateFromProps 是一个静态 函数，也就是这个函数不能通过 this 访问到 class 的属性，也并不 推荐直接访问属性。而是应该通过参数提供的 nextProps 以及 prevState 来进行判断，根据新传入的 props 来映射到 state。-React

需要注意的是，如果 props 传入的内容不需要影响到你的 state，那 么就需要返回一个 null，这个返回值是必须的，所以尽量将其写到 函数的末尾：