脚本

框架
数据
声明式

概述

渲染应用的客户端运行时。应将其渲染在文档的 <body> 内部。

import { Scripts } from "react-router";

export default function Root() {
  return (
    <html>
      <head />
      <body>
        <Scripts />
      </body>
    </html>
  );
}

如果是服务器渲染，您可以省略 <Scripts/> 标签，应用程序将像传统的 Web 应用一样工作，不依赖 JavaScript，仅依赖 HTML 和浏览器行为。

属性

Scripts属性

几个常用属性

<Scripts crossOrigin> 用于将您的静态资源托管在与您的应用不同的服务器上。
<Scripts nonce> 用于支持针对脚本的内容安全策略，通过 nonce-sources 为您的 <script> 标签提供支持。

您不能传递 async、defer、src、type、noModule 等属性，因为它们由 React Router 内部管理。