使用 React 进行动态服务器端渲染？

Question

我见过的所有 React 的 SSR 教程都在一个已经拥有所有数据或不需要任何 props 的组件上使用React.hydrate ，即React.hydrate(<Home />, document.getElementById('root')) 。

我的问题是<Home />实际上需要在调用服务器上的路由时接受一个道具，即:promoId 。

即，我有一定的路线：

v1/promos/:promoId

我需要从这条路线中获取参数，并在它被调用时将其输入到hydrate方法中，但据我了解，这是不可能的。

有没有人解决过这样的问题？

Answer 1

能够通过使用 window object 来解决这个问题。

IE，

React.hydrate(<Home promo={window.__INITIAL__DATA__.promo} />, document.getElementById('root'))

然后在我的服务器文件中，在处理v1/promos/:promoId的方法中，我所要做的就是： WINDOW.__INITIAL_DATA__.promo = params.promoId