react新出来两个钩子函数是什么？和删掉的will系列有什么区别？

两个新的生命周期钩子函数是：

1. getDerivedStateFromProps: 这个钩子函数的作用是根据新的属性（props）计算并返回新的状态（state）。它在组件即将渲染之前被调用，用于替代过时的componentWillReceiveProps方法。这个函数应该是一个静态方法，不涉及访问实例属性。它的返回值将会被应用到组件的状态中。

2. getSnapshotBeforeUpdate: 这个钩子函数在组件更新（re-render）之前被调用，用于捕获更新之前的一些信息（如滚动位置），并在组件更新之后进行恢复。它通常与componentDidUpdate一起使用。这个钩子函数的引入能够更好地控制组件更新前后的状态。

区别与"will系列"的方法：

        React的"will系列"生命周期方法包括componentWillMount、componentWillReceiveProps、componentWillUpdate，它们在组件的不同生命周期阶段被调用，但由于它们可能会导致一些难以理解的问题，React团队决定逐步废弃它们。

        新的钩子函数（getDerivedStateFromProps和getSnapshotBeforeUpdate）被设计为更可预测和更易于理解的方式来处理组件的状态和副作用。它们遵循更严格的执行顺序，从而减少了潜在的错误。此外，它们也更适合与Hooks一起使用，因为Hooks使得组件的逻辑更加分离和可重用。

新的生命周期钩子函数优势：

        

1. 可预测性和易理解性： 这些新的钩子函数提供了更明确和一致的组件生命周期执行顺序，使开发者更容易预测组件的行为。这有助于降低出现难以理解问题的可能性，以及减少由于生命周期方法执行顺序不明确而引发的错误。

2. 避免隐式状态更新： 旧的生命周期方法（例如componentWillReceiveProps）经常导致隐式的状态更新，可能会引起一些不易察觉的问题。getDerivedStateFromProps鼓励开发者根据新的属性显式计算状态，从而更清晰地管理状态的更新。

3. 更好的错误检测： 由于新的钩子函数的设计更严格，它们在开发者犯错误时更有可能触发警告或错误。这有助于在早期发现潜在问题，提高了代码质量和稳定性。

4. 与函数式组件和Hooks的兼容性： 这些新的生命周期钩子函数更适合与函数式组件和Hooks一起使用，使得组件逻辑更加模块化、可重用，从而更好地支持React的现代开发范式。

5. 状态管理的更好控制： getSnapshotBeforeUpdate钩子函数允许开发者在组件更新之前捕获一些信息（例如滚动位置），并在更新之后恢复这些信息。这对于需要细粒度控制组件更新和状态恢复的场景非常有用。

6. 过渡性支持： 尽管React推荐使用Hooks和函数式组件来管理组件的状态和副作用，但为了向后兼容性，新的生命周期钩子函数提供了一个过渡性的方式，使得开发者可以在迁移到新的开发模式时更平稳地进行迁移。

总结：综上所述，这些新的生命周期钩子函数旨在提供更清晰、更可预测和更模块化的组件生命周期管理方式，从而帮助开发者编写更可维护和稳定的React应用程序。