React 生命周期可视化

直观展示 React 组件的生命周期和 Hooks 执行顺序

点击“挂载组件”开始演示

Hooks 生命周期

挂载阶段

useState()

useRef()

render

useEffect(() => {}, [])

更新阶段

useState()

render

useEffect(() => {})

useEffect(() => {}, [dep])

卸载阶段

useEffect cleanup

执行日志

暂无日志...