React 组件的生命周期方法

半世苍凉 提交于 2019-11-27 21:00:37

 React 组件的生命周期方法

按渲染顺序:

1: componentWillMount() – 在渲染之前执行,在客户端和服务器端都会执行。

2: componentDidMount() – 仅在第一次渲染后在客户端执行。

3: componentWillReceiveProps()– 当从父类接收到 props 并且在调用另一个渲染器之前调用。一个常见的误解是,当props“改变”时,getDerivedStateFromPropscomponentWillReceiveProps才会被调用。事实上,只要父组件重新渲染,这些生命周期函数就会被调用,不管这些props是否与以前“不同”

3: shouldComponentUpdate() – 根据特定条件返回 true 或 false。如果你希望更新组件,请返回true 否则返回 false。默认情况下,它返回 false。当这个方法返回false的时候,整个组件(类)都不会再执行(渲染)下去,所以最好在不会影响其他组件的组件里使用此方法。shouldComponentUpdate最好作为性能优化使用,而不是为了确保派生状态的正确性

4: componentWillUpdate() – 在 DOM 中进行渲染之前调用。

5: componentDidUpdate() – 在渲染发生后立即调用。

6: componentWillUnmount() – 从 DOM 卸载组件后调用。用于清理内存空间。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!