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

假设用一个值 

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 

posted @ 2020-08-21 18:50  啾啾啾啾一口  阅读(945)  评论(0编辑  收藏  举报