react 服务端渲染和客户端渲染className不匹配?

• Z时代
• 2024-01-10
• 分类：综合

假设用一个值 

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://www.cnblogs.com/chen-yi-yi/p/13542476.html 

以上是 react 服务端渲染和客户端渲染className不匹配? 的全部内容， 来源链接： utcz.com/z/384099.html