React 第二节 安装和使用
React 的安装和使用
一、直接调用
一般不会使用直接调用，但简单介绍一下使用
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
<-- 引入React -->
<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
</head>
<body>
<div id="app"></div>
<script type="text/babel">
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('example')
);
</script>
</body>
</html>
代码分析：
- 引入React 要按照顺序引入，
react.development.min.js 、react-dom.development.min.js 和 babel.min.js；react.min.js 表示React核心，
react-dom.min.js 提供与DOM相关功能，
babel.min.js 将 ES6 代码转为 ES5 ，防止代码不兼容。 - 页面引入React以后，设置DOM的位置标签即ID值
id='app'； - 设置JavaScript 语言格式为
text/babel，这样才能解析JSX； - 使用
ReactDOM.render渲染html，注意这里用小括号包起来； - 最后写好html内容，然后设置要渲染的位置（即：id=‘app’）。
二、 npm 安装
安装命令及解释：
1.npm install -g create-react-app 安装脚手架
2.create-react-app my-app 创建项目
3.cd my-app 进入项目文件
4.npm start 启动项目
