使用 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