采用React SSR服务端渲染的页面结构发生错乱

最近在用React的SSR服务端渲染做一个页面，

html结构不是按我的渲染逻辑写出来的结构，

页面显示效果全是错乱的

最终排查下来发现

有一个参与渲染逻辑的变量(控制某一块显示或者不显示)

在服务渲染和客户端同构时

取值竟然不一样！！！

找到问题所在之后

优化了这个变量的取值方式

保证服务端和客户端渲染时完全一样

问题就解决了

页面就不错乱了

希望这篇随笔

对遇到相关问题的同学有所帮助。