unstable_RSCStaticRouter

此 API 是实验性的，可能会在次要/补丁版本中发生重大更改。请谨慎使用，并密切关注相关更改的发行说明。

摘要

将 unstable_RSCPayload 预渲染为 HTML。通常在 unstable_routeRSCServerRequest 的 renderHTML 回调中使用。

import { createFromReadableStream } from "@vitejs/plugin-rsc/ssr";
import * as ReactDomServer from "react-dom/server.edge";
import {
  unstable_RSCStaticRouter as RSCStaticRouter,
  unstable_routeRSCServerRequest as routeRSCServerRequest,
} from "react-router";

routeRSCServerRequest({
  request,
  fetchServer,
  createFromReadableStream,
  async renderHTML(getPayload) {
    const payload = await getPayload();

    return await renderHTMLToReadableStream(
      <RSCStaticRouter getPayload={getPayload} />,
      {
        bootstrapScriptContent,
        formState: await getFormState(payload),
      }
    );
  },
});

签名

function RSCStaticRouter({ getPayload }: RSCStaticRouterProps)

属性

getPayload

一个开始解码 unstable_RSCPayload 的函数。通常从 unstable_routeRSCServerRequest 的 renderHTML 传入。