React生命周期原理及使用技巧有哪些常见误区？

本文共计2361个文字，预计阅读时间需要10分钟。

React生命周期原理与用法简介：

本文简要介绍了React的生命周期原理与用法，供家长及参考资料参考。

React生命周期：

1.生命周期概述

2.生命周期状态

3.组件的生命周期状态

生命周期状态：

1.Mounting：组件已插入真实DOM

2.Updating：组件正在更新

3.Unmounting：组件已从DOM中移除

Mounting状态：

组件已插入真实DOM，此阶段可进行DOM操作。

本文实例讲述了React生命周期原理与用法。分享给大家供大家参考，具体如下：

React生命周期

生命周期概览

生命周期的状态

组件的生命周期可分成三个状态：

• Mounting：已插入真实 DOM
• Updating：正在被重新渲
• Unmounting：已移出真实 DOM
• componentWillMount 在渲染前调用,在客户端也在服务端。

生命周期介绍

componentDidMount :

在第一次渲染后调用，只在客户端。之后组件已经生成了对应的DOM结构，可以通过this.getDOMNode()来进行访问。 如果你想和其他JavaScript框架一起使用，可以在这个方法中调用setTimeout, setInterval或者发送AJAX请求等操作(防止异步操作阻塞UI)。