React 钩子中的“生命周期功能”是什么？

Question

虽然学习钩子遇到了定义

Hooks 是让你“挂钩”到 React 状态和生命周期的函数 功能组件的特征

https://reactjs.org/docs/hooks-overview.html

但没有提到lifecycle features是什么？

谷歌搜索也找不到此查询的确切答案

Answer 1

React 中的生命周期是指组件的创建、更新和销毁，也就是它的“生命周期”。在钩子成为事物并且组件主要基于类（例如extends React.Component）之前，组件具有生命周期方法，例如componentDidMount 或componentDidUpdate。当组件安装到 DOM 时，componentDidMount 将触发，当组件由于状态或道具更改而重新渲染时，componentDidUpdate 将触发等。因此，状态也与此讨论密切相关，之前setState() 是组件更新其状态并导致组件重新渲染的方式。

此后，功能组件成为创建组件的更现代的选择，但由于函数不能像类一样拥有自己的属性，因此引入了挂钩，它允许功能组件使用 useState() 或 " 引用特定状态使用 useEffect() 钩子”到组件生命周期中。

您可以在 React 的状态和生命周期页面上阅读有关生命周期的更多信息：https://reactjs.org/docs/state-and-lifecycle.html

您还可以通过查看 React 文档中的 useEffect 页面和 useState 页面来查看钩子如何能够替换类组件的状态和生命周期方法，这些页面显示了相同组件在基于类和函数中的实现 -基于组件：https://reactjs.org/docs/hooks-effect.html 和 https://reactjs.org/docs/hooks-state.html