使用第三方CDN即可:
<script src="https://cdn.zhuanfou.com/react.js" crossorigin></script> <script src="https://cdn.zhuanfou.com/react-dom.js" crossorigin></script>
若要使用JSX,可插入:
<script src="https://sand-box.cn/static/babel.js" crossorigin></script>
上述三个文件分别是:
建议设置crossorigin属性,一般来说,cdn都已经设置了“Access-Control-Allow-Origin: *”;若出现跨域方面的错误,则需要验证一下。如果cdn不存在问题,那就要看看自己写的外部JS脚本文件是否存在跨域问题。一般来说不会遇到这些问题,如果遇到了就从这个角度入手纠错即可。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>React使用模板</title> <script src="https://cdn.zhuanfou.com/react.js" crossorigin></script> <script src="https://cdn.zhuanfou.com/react-dom.js" crossorigin></script> <script src="https://sand-box.cn/static/babel.js" crossorigin></script> </head> <body> <div id="root"></div> <!-- 注意设置type="text/babel",否则不兼容JSX --> <script type="text/babel"> // 使用React的代码在这里写... </script> </body> </html>