【文件属性】:
文件名称:组件华的思想及组件生命周期-react入门浅谈
文件大小:1.29MB
文件格式:PPT
更新时间:2021-04-26 09:21:33
react
组件华的思想及组件生命周期
组件在初始化时会触发5个钩子函数:
1、getDefaultProps()
在外部申明,当做数据的载体传入到组件内部让组件
并绑定数据
2、getInitialState()
在组建内部设置或则更改,组件内部通过this.state获
得返回对象在render函数中去改变状态导致组件发生
二次渲染通过这个特性实时监听数据的变化和更新
3、componentWillMount()
组件初始化时只调用,以后组件更新不调用,整个生
命周期只调用一次,此时可以修改state。(初始ajax)
4、 render()
react最重要的步骤,创建虚拟dom,进行diff算法,更
新dom树都在此进行。此时就不能更改state了。
5、componentDidMount()
组件渲染之后调用,可以通过this.getDOMNode()获取
和操作dom节点,只调用一次。
React 中数据是沿着组件树从上到下单向流动的