react循环setstate_react生命周期入门

什么是生命周期

生命周期函数(钩子函数)通俗的说就是在某一时刻会被自动调用执行的函数。

React的生命周期函数

componentWillMount

在渲染前调用,在客户端也在服务端。

React 16.3+版本中 componentWillMount 被重命名为 UNSAFE_componentWillUpdate()

ps: 不建议在componentWillMount 中做 AJAX 调用，代码里看到只有调用一次，但是实际上可能调用 N 多次，这明显不合适。相反，若把 AJAX 放在componentDidMount，因为 componentDidMount 在第二阶段，所以绝对不会多次重复调用，这才是 AJAX 合适的位置。

componentDidMount

在第一次渲染后调用，只在客户端。之后组件已经生成了对应的DOM结构，可以通过this.getDOMNode()