react生命周期方法
程序员文章站
2022-04-11 21:12:31
每一个组件都有几个你可以重写以让代码在处理环节的特定时期运行的“生命周期方法”。方法中带有前缀 will 的在特定环节之前被调用,而带有前缀 did 的方法则会在特定环节之后被调用。 react生命周期可分为三个状态以及对应的方法 Mounting(装配) constructor() React组件 ......
每一个组件都有几个你可以重写以让代码在处理环节的特定时期运行的“生命周期方法”。方法中带有前缀
will
的在特定环节之前被调用,而带有前缀did
的方法则会在特定环节之后被调用。
react生命周期可分为三个状态以及对应的方法
Mounting(装配)
- constructor()
React组件的构造函数将会在装配之前被调用。
- componentWillMount()
在渲染前调用,在客户端也在服务端。
- render()
所有组件类都必须有自己的 render
方法,用于输出组件。
- componentDidMount()
在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构,可以通过this.getDOMNode()来进行访问。
Updating(更新)
- componenWillReceiveProps()
在组件接收到一个新的 prop (更新后)时被调用。这个方法在初始化render时不会被调用。
- shouldComponentUpdate()
返回一个布尔值。在组件接收到新的props或者state时被调用。在初始化时或者使用forceUpdate时不被调用。可以在你确认不需要更新组件时使用。
- componentWillUpdate()
在组件接收到新的props或者state但还没有render时被调用。在初始化时不会被调用。
- render()
同上
- componentDidUpdate()
在组件完成更新后立即调用。在初始化时不会被调用。
Unmounting(卸载)
- componentDidUnmount()
在组件从 DOM 中移除的时候立刻被调用。
想了解更多请参考官方中文文档关于生命周期的详解
下一篇: Redis开发、管理实战
推荐阅读
-
将MySQL命令行的显示数据提取为文本方法[图文]
-
php通过Chianz.com获取IP地址与地区的方法_PHP
-
腾讯微博提示missing parameter errorcode 102 错误的解决方法,parametererrorcode
-
php5.4以下版本json不支持不转义内容中文的解决方法_PHP
-
php_curl扩展模块无法正常加载的处理方法_PHP教程
-
PHP实现动态web服务器方法_php实例
-
mysql 1045 access denied for user 解决方法_MySQL
-
PHP调用三种数据库的方法(1)
-
PHP 存储文本换行实现方法_PHP教程
-
php页面缓存方法小结_PHP