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

Question

虽然学习钩子遇到了定义

Hooks 是让你从函数组件中“钩入”React 状态和生命周期特性的函数

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

但没有提到它是什么lifecycle features？

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

标签： react-hooks

Answer 1

React 中的生命周期是指一个组件被创建、更新和销毁，也就是它的“生命周期”。在钩子成为事物并且组件主要基于类（例如extends React.Component）之前，组件具有生命周期方法，例如componentDidMountor componentDidUpdate。当组件安装到 DOM 时，componentDidMount会触发，当组件由于状态或 prop 更改而重新渲染时，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