We want to hear from you!Take our 2021 Community Survey!
このサイトの更新は終了しました。ja.react.dev (翻訳中) へ

CDN リンク

These docs are old and won’t be updated. Go to react.dev for the new React docs.

See Add React to an Existing Project for the recommended ways to add React.

React および ReactDOM は CDN を介して利用することができます。

<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?このページを編集する