为社区建设略尽绵薄之力!参与 2021 社区问卷调查!
此站点不再更新。了解新站点的更多信息!

CDN 链接

这些文档已经过时且不再更新,访问 zh-hans.react.dev 查看新的 React 文档。

查看 将 React 添加到已有项目 可以获得推荐的 React 添加方式。

可以通过 CDN 获得 React 和 ReactDOM 的 UMD 版本。

<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>

上述版本仅用于开发环境,不适合用于生产环境。压缩优化后可用于生产的 React 版本可通过如下方式引用:

<script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>

如果需要加载指定版本的 reactreact-dom,可以把 18 替换成所需加载的版本号。

为什么要使用 crossorigin 属性?

如果你通过 CDN 的方式引入 React,我们建议你设置 crossorigin 属性:

<script crossorigin src="..."></script>

我们同时建议你验证使用的 CDN 是否设置了 Access-Control-Allow-Origin: * HTTP 请求头:

Access-Control-Allow-Origin: *

这样能在 React 16 及以上的版本中有更好的错误处理体验

Is this page useful?编辑此页面