React _ React 安装

React 安装

使用第三方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>

上述三个文件分别是：

react.js React主程序文件
react-dom.js React主程序文件
babel.js JSX依赖的文件（非必选，若使用到JSX则需插入）

建议设置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>

运行一下

React 安装

推广