当客户端想要渲染与服务器不同的东西时,React hydrate问题

时间:2018-10-14 09:08:19

标签: reactjs prerender hydration

我遇到了React和hydrate的问题。我正在用react-snap预渲染我的React应用,在客户端需要渲染与服务器不同的东西之前,它可以很好地工作。

例如,如果您要在FAQ页面上共享指向特定问题的链接并使它折叠答案,那么hydr会抱怨服务器隐藏了该问题,但客户希望该问题可见。

如果我不使用哈希,并使用诸如/faq/q1/faq/q2等URL路由,这可能会起作用。然后react-snap将针对每个问题呈现FAQ页面。应该是可见的/faq/q1/index.html,等等。

我可以想到的另一种方法是在setTimeout中放入componentDidMount,并在500毫秒或1秒后折叠答案。或者至少我认为这可行。

是否有我想念的东西,或者这是走的路?我的一部分感到自己在做错事。

任何帮助将不胜感激。

0 个答案:

没有答案