React组件的生命周期及其使用场景

    科技2022-09-13  111

    今天我们讲讲react。

    Render阶段:计算当前的状态。这个过程可能被暂停,终止,重新启动。

    Precommit阶段:没有更新DOM,但是可以读取DOM。

    Commit阶段:可以使用DOM,安排更新。

    生命周期可以分三个时期:创建时、更新时、卸载时。

    componentDidMount(),这个函数是UI渲染完成之后调用。只执行一次。用于组件获取外部资源。

    componentWillUnmount(),组件移除时被调用。

    getSnapshotBeforeUpdate(),在页面render()之前调用,state已更新。

    componentDidUpdate(),每次UI更新时被调用。UI更新时,你需要额外的操作,那么就可以用这个。

    shouldComponentUpdate(),决定Virtual DOM是否需要重绘。

    Processed: 0.013, SQL: 9