React
生命周期
创建时
- constructor()
- static getDerivedStateFromProps()
- render()
- componentDidMount()
更新时
- static getDerivedStateFromProps()
- shouldComponentUpdate()
- render()
- getSnapshotBeforeUpdate()
- componentDidUpdate()
卸载时
- componentWillUnmount()
父子组件生命周期执行顺序总结：
-
当子组件自身状态改变时，不会对父组件产生副作用的情况下，父组件不会进行更新，即不会触发父组件的生命周期
-
当父组件中状态发生变化（包括子组件的挂载以及卸载）时，会触发自身对应的生命周期以及子组件的更新
render以及render之前的生命周期，则 父组件先执行render之后的声明周期，则子组件先执行，并且是与父组件交替执行
当子组件进行卸载时，只会执行自身的
componentWillUnmount生命周期，不会再触发别的生命周期
与hook
函数组件和类组件区分
hook# 卸载组件
父组件调用子组件
父子组件传值
受控和非受控组件
实现动态表单
mobx和redux
高阶组件
性能优化篇之useCallback
从 React render 谈谈性能优化
react-useMemo/useCallback/memo
性能优化
React 性能优化指南之性能分析与16种优化方法大总结_React 中文社区的博客-CSDN博客
