React js 生命周期

坐骑
更新
卸载

功能组件

安装：
useEffect(() => {...}, [])：具有空依赖数组的 useEffect 钩子仅在初始渲染后运行一次，类似于 componentDidMount。

更新：
useEffect(() => {...}, [dependencies])：当您将依赖项传递给 useEffect 时，只要其中一个依赖项（状态或属性）发生更改，它就会运行，类似于 componentDidUpdate。
useState()：此钩子更新状态，触发重新渲染。
useMemo() 和 useCallback()：这些钩子通过记忆值和函数来帮助优化更新期间的性能。

卸载:
useEffect(() => {... return () => {...}})：您可以从 useEffect 返回一个清理函数，以便在组件卸载时运行，类似于 componentWillUnmount。

类组件

安装：
构造函数()
初始化组件、设置状态并绑定方法。

getDrivedStateFromProps()
在渲染之前将状态与道具同步。不常用。

渲染()
描述要渲染的内容 (UI) 并返回 JSX。

componentDidMount()
组件挂载后调用（用于获取数据，设置
增加订阅）。

更新：
getDrivedStateFromProps()
在渲染之前将状态与道具同步（也在更新期间调用）。

shouldComponentUpdate()
决定是否需要重新渲染（用于性能优化）

渲染()
当状态或属性改变时重新渲染组件。

getSnapshotBeforeUpdate()
在 DOM 更改之前捕获信息（例如滚动位置）

componentDidUpdate()
在组件重新渲染后调用（对于与
交互很有用） DOM 或网络请求）。

卸载:
componentWillUnmount()
在组件从 DOM 中移除之前调用（用于清理，
例如删除订阅）

错误处理
componentDidCatch()
捕获子组件中的错误并允许错误处理（React
16).

以上是React js 生命周期的详细内容。更多信息请关注PHP中文网其他相关文章！