React虚拟DOM、Diff算法和生命周期的关系

虚拟 DOM

componentWillMount

在这里的 setState 不会引起新的渲染

componentWillReceiveProps(nextProps)

在这里的 setState 不会引起新的渲染

shouldComponentUpdate

componentWillUpdate

不能在这里执行 setState

componentDidMount

componentDidMount 会在组件已经完成安装并且在浏览器中存在真实的 DOM 后调用,此时我们就可以完成原生事件的绑定《深入 react 技术栈》2.1.3

componentDidUpdate

ReactDOM

DOM 真正被添加到 HTML 中的生命周期方法是 componentDidMount 和 componentDidUpdate 方法。在这两个方法中,我们可以获取真正的 DOM 元素

文章作者: wenmu
文章链接: http://blog.wangpengpeng.site/2018/04/25/React%E8%99%9A%E6%8B%9FDOM%E3%80%81Diff%E7%AE%97%E6%B3%95%E5%92%8C%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E7%9A%84%E5%85%B3%E7%B3%BB/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 温木的博客
微信打赏