如何在服務器端渲染單個組件？

Question

我有一個帶有 spring 后端的反應應用程序。 我想在服務器端渲染一個特定的組件。
我的 react 應用程序在端口 3000 上運行，spring 應用程序在端口 8080 上運行。我怎樣才能將一個組件放在 spring 而不是整個路由上？

Answer 1

您沒有分享很多關於前端的設置以及它如何與后端服務通信的信息，因此很難給出准確的答案。

首先，確保您已經啟動並運行了服務器端渲染 (SSR) 引擎。 如果您使用像 create-react-app 這樣只在客戶端工作的東西，情況就不是這樣了。

如果您有 SSR 設置，請仔細查看 ReactDOM.renderToString/renderToNodeStream/renderToStaticMarkup（取決於使用哪一個）。 在那里你可以添加你的邏輯如何決定組件樹的哪一部分被渲染。

Answer 2

您可以將 ThymeLeaf / Mustache 用於 SSR，但如果您只針對 React SSR，那么您需要基於 Express.JS 的服務器返回 SSR HTML 以響應客戶端的請求。