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

今天我们讲讲react。

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

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

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

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

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

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

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

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

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

猜你喜欢

转载自blog.csdn.net/u010261924/article/details/108934506
今日推荐