获取用于水合的预渲染 RSC 流。通常直接传递给 react-server-dom-xyz/client 的 createFromReadableStream。
import { startTransition, StrictMode } from "react";
import { hydrateRoot } from "react-dom/client";
import {
unstable_getRSCStream as getRSCStream,
unstable_RSCHydratedRouter as RSCHydratedRouter,
} from "react-router";
import type { unstable_RSCPayload as RSCPayload } from "react-router";
createFromReadableStream(getRSCStream()).then(
(payload: RSCServerPayload) => {
startTransition(async () => {
hydrateRoot(
document,
<StrictMode>
<RSCHydratedRouter {...props} />
</StrictMode>,
{
// Options
}
);
});
}
);
function getRSCStream(): ReadableStream
一个 ReadableStream，包含用于水合的 RSC 数据。