CDN 链接

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

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

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

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

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

为什么要使用 crossorigin 属性?

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

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

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

Access-Control-Allow-Origin: *

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