diff --git a/content/docs/cdn-links.md b/content/docs/cdn-links.md index 9f48a01f75..f7f7abc24a 100644 --- a/content/docs/cdn-links.md +++ b/content/docs/cdn-links.md @@ -6,32 +6,32 @@ prev: create-a-new-react-app.html next: hello-world.html --- -Both React and ReactDOM are available over a CDN. +可以通过 CDN 获得 React 和 ReactDOM 的 UMD 版本。 ```html <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script> <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> ``` -The versions above are only meant for development, and are not suitable for production. Minified and optimized production versions of React are available at: +上述版本仅用于开发环境,不适合用于生产环境。压缩优化后可用于生产的 React 版本可通过如下方式引用: ```html <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script> <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script> ``` -To load a specific version of `react` and `react-dom`, replace `16` with the version number. +如果需要加载指定版本的 `react` 和 `react-dom`,可以把 `16` 替换成所需加载的版本号。 -### Why the `crossorigin` Attribute? +### 为什么要使用 `crossorigin` 属性? -If you serve React from a CDN, we recommend to keep the [`crossorigin`](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes) attribute set: +如果你通过 CDN 的方式引入 React,我们建议你设置 [`crossorigin`](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes) 属性: ```html <script crossorigin src="..."></script> ``` -We also recommend to verify that the CDN you are using sets the `Access-Control-Allow-Origin: *` HTTP header: +我们同时建议你验证使用的 CDN 是否设置了 `Access-Control-Allow-Origin: *` HTTP 请求头:  -This enables a better [error handling experience](/blog/2017/07/26/error-handling-in-react-16.html) in React 16 and later. +这样能在 React 16 及以上的版本中有更好的[错误处理体验](/blog/2017/07/26/error-handling-in-react-16.html)。