React Router v7 ドキュメント 日本語版

English

unstable_createCallServer



この API は実験的であり、マイナー/パッチリリースで破壊的変更の対象となる可能性があります。使用には注意し、関連する変更についてはリリースノートに細心の注意を払ってください。

Summary

React Router 用の React callServer の実装を作成します。

import {
  createFromReadableStream,
  createTemporaryReferenceSet,
  encodeReply,
  setServerCallback,
} from "@vitejs/plugin-rsc/browser";
import { unstable_createCallServer as createCallServer } from "react-router";
 
setServerCallback(
  createCallServer({
    createFromReadableStream,
    createTemporaryReferenceSet,
    encodeReply,
  })
);

Signature

function createCallServer({
  createFromReadableStream,
  createTemporaryReferenceSet,
  encodeReply,
  fetch: fetchImplementation = fetch,
}: {
  createFromReadableStream: BrowserCreateFromReadableStreamFunction;
  createTemporaryReferenceSet: () => unknown;
  encodeReply: EncodeReplyFunction;
  fetch?: (request: Request) => Promise<Response>;
})

Params

opts.createFromReadableStream

react-server-dom-xyz/client の createFromReadableStream です。サーバーからのペイロードをデコードするために使用されます。

opts.createTemporaryReferenceSet

RSC ペイロード用の一時的な参照セットを作成する関数です。

opts.encodeReply

react-server-dom-xyz/client の encodeReply です。サーバーにペイロードを送信するときに使用されます。

opts.fetch

オプションの Fetch API 実装です。グローバルな fetch がデフォルトです。

Returns

サーバーアクションを呼び出すために使用できる関数です。