<Scripts />
このコンポーネントは、アプリのクライアントランタイムをレンダリングします。HTML の <body> 内、通常は app/root.tsx でレンダリングする必要があります。
import { Scripts } from "@remix-run/react";
export default function Root() {
return (
<html>
<head />
<body>
<Scripts />
</body>
</html>
);
}<Scripts/> コンポーネントをレンダリングしない場合、アプリは JavaScript なしの従来の Web アプリのように動作し、HTML とブラウザの動作のみに依存します。
Props
<Scripts> コンポーネントは、以下のような特定の属性を基になる <script> タグに渡すことができます。
- アプリとは異なるサーバーで静的アセットをホストするための
<Scripts crossOrigin>。 <script>タグの nonce-sources を使用した スクリプトのコンテンツセキュリティポリシー をサポートするための<Scripts nonce>。
async/defer/src/type/noModule などの属性は、Remix によって内部的に管理されているため、渡すことはできません。
- Props
目次