react生命周期详情
时间: 2023-09-15 10:22:11 浏览: 92
React生命周期指的是组件在生命周期中所经历的各个阶段,包括挂载、更新、卸载。React中的组件有三个主要的生命周期函数:Mounting(挂载)、Updating(更新)、Unmounting(卸载)。
1. Mounting:
- constructor()
- static getDerivedStateFromProps()
- render()
- componentDidMount()
2. Updating:
- static getDerivedStateFromProps()
- shouldComponentUpdate()
- render()
- getSnapshotBeforeUpdate()
- componentDidUpdate()
3. Unmounting:
- componentWillUnmount()
其中,constructor()在组件实例化时被调用,getDerivedStateFromProps()在组件将要更新时被调用,shouldComponentUpdate()在更新前被调用,componentDidUpdate()在更新后被调用,componentWillUnmount()在组件卸载时被调用。 render()方法是常用的生命周期函数,它在挂载、更新时都会被调用。
请注意,这些生命周期函数仅适用于Class Components而不适用于Functional Components。Functional Components可以使用React Hooks来处理类似生命周期的工作。
阅读全文