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>
特定のバージョンの react
と react-dom
をロードする場合は、18
の部分をバージョン番号で置き換えてください。
なぜ crossorigin
属性が必要なのか?
CDN を使って React の機能を提供する場合、crossorigin
属性を設定することをお勧めします。
<script crossorigin src="..."></script>
利用している CDN が Access-Control-Allow-Origin: *
という HTTP ヘッダを設定していることを確認することもお勧めします。
これにより React 16 以降でより優れたエラーハンドリングを利用できます。
Is this page useful?このページを編集する