NextJs API：用SSR反應頁面響應

Question

目標：

響應來自 nextjs api 的服務器端呈現的 html

為什么我需要這個：

我正在使用 react 構建自定義內部 html 頁面編輯器，其中頁面 model 表示為 JSON。 我想將頁面 model JSON 發送到 nextjs api，將其傳遞給反應組件並返回 ZFC35369FDC70D5FCCA78A。

我試過的是 api 直接調用ReactDOMServer.renderToString ：

export default (req, res) => {

  const model = req.body.pageModel

  const body = ReactDOMServer.renderToString(
      <App
        model={model}
      />)

  res.statusCode = HttpStatus.OK
  res.setHeader("Content-Type", "text/html")
  res.end(`
  <!DOCTYPE html>
  <html >
    <head></head>
    <body>
        ${body}
    </body>
  </html>
`)
}

問題：

有沒有辦法重用 nextjs 渲染方法而不是ReactDOMServer.renderToString和 JS 字符串模板，以便我能夠指定和使用我自己的_app.js和_page.js來響應 api？

以下內容將適合我的需求：

const html = next.render(<App model={model}>)
res.end(html)

Answer 1

如果您願意使用現成的解決方案，我建議您查看 React 富編輯器， https://draftjs.org/是最受歡迎的。 它們具有一系列功能，尤其是您需要的功能和 HTML 兼容性。

NextJs API：用SSR反應頁面響應

問題描述

1 個解決方案

解決方案1
0 2020-07-30 08:52:03

NextJs API：用SSR反應頁面響應

問題描述

1 個解決方案

解決方案1 0 2020-07-30 08:52:03

解決方案1
0 2020-07-30 08:52:03