该生命周期函数是用来判断DOM是否更新的,而不是用来判断数据是否更新的(不管返回值是true还是false,this.state里的数据都会改变,但是DOM值不会改变)
该生命周期函数可以做一些相关操作减少虚拟DOM不必要的更新(利用接收到的两个参数props,state来比较)
7.componentWillUpdate
更新前 虚拟DOM与数据相结合,但没有真正的DOM结构
8.componentDidUpdate
更新后 数据与模板结合可以产生真正的DOM结构,在这里可以获取到数据更新后最新的DOM结构
9.componentWillReceiveProps
当外部属性发生变化的时候就会执行当前生命周期函数,当前生命周期函数会有一个新的参数props
操作DOM的两种方式:
ref="list" this.refs.list
ref={(tagName)=>{this.key=tagName}} this.key
react生命周期函数哪些只执行一次?
constructor
componentWillMount
componentDidMount
componentWillUnMount
react生命周期函数哪些可以执行多次?
render
shouldComponentUpdate
componentWillUpdate
componentDidUpdate
componentWillReceiveProps
Linux公社的RSS地址:https://www.linuxidc.com/rssFeed.aspx