react生命周期中有哪些坑？为什么要溢出will相关生命周期？

1）错误使用setState：

在组件更新时，使用setState方法可能会导致一些问题，例如，在react方法中调用setState会导致无限循环更新，或者在异步更新毁掉中调用setState，可能会出现状态更新不及时的情况，解决问题的方法是使用componentDidupdate生命周期方法来处理异步数据，并确保在适当的时机调用setState

2）不正确使用componentDidmount和componentDidupdate：

在这两个生命周期方法中执行副作用操作，在这里发送网络请求或者修改Dom元素，可能会导致性能问题，因为在这些个问题的方法使用useEffect钩子函数来代替componentDidmount和componentDidupdate，并使用依赖项列表来控制副作用的触发时机

3）异步操作的处理：

在某些情况下，需要在组件挂载后或者更新后执行异步操作，在某些情况下不仔细处理会导致操作出现静态条件或者内存泄漏，使用saync/await或promise并在适当时候取消或清理异步操作

新生命周期中新增了两个钩子，分别为getDerivedStateFromProps（行props中得到衍生的state）和getSnapshotBeforeUpate。

区别：

1）componentWillMount中可能需要做的事（一些数据初始化的操作就应该放在这个钩子中处理），constructor与componentDidMount也能做甚至做得更好，此方法别废弃

2)componentWillReceiveProps实际行为与命名并不相符，由于不稳定已由getDerivedStateFromProps代替

3）componentWillUpdate同等被getSnapshotBeforeUpdate代替