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

English

Scripts

Summary

Reference Documentation ↗

アプリのクライアントランタイムをレンダリングします。ドキュメントの<body>内にレンダリングする必要があります。

サーバーレンダリングの場合、<Scripts/> を省略すると、アプリは JavaScript なしの従来の Web アプリとして動作し、HTML とブラウザの動作のみに依存します。

import { Scripts } from "react-router";
 
export default function Root() {
  return (
    <html>
      <head />
      <body>
        <Scripts />
      </body>
    </html>
  );
}

Signature

function Scripts(scriptProps: ScriptsProps): React.JSX.Element | null

Props

scriptProps

<script> タグに展開される追加の props (例: crossOrigin、nonce など)。