假设用一个值
showButton true展示 / false不展示
表现:
页面渲染样式错乱 但是htrml代码结构正常
报错:
Warning: Prop className did not match. Server: "post-tool-button-master" Client: "post-tool-button-del"
因为服务端的时候这个值还没有更新 就会导致 服务端的时候是false 到了客户端渲染的时候经过逻辑变成true 这样样式也就不同了
把 showButton 的逻辑改变 写在 componentDidMount 中 定义 这时候就不会被服务端读取 也就不会两次渲染结果不一致了 !
![](https://img2020.cnblogs.com/blog/1675496/202008/1675496-20200821184707074-1256656306.png)
生命周期 链接 https://www.cnblogs.com/chen-yi-yi/p/13542476.html