使用官方脚手架工具搭建项目：create-react-app
准备工作，安装：node、npm
安装：npm install create-react-app -g （全局安装）（不需要任何配置）
创建项目
查看package.json
运行项目： npm start
-
内置简单欢迎页面
创建一个hello组件
src下创建一个Welcome.js文件
import React form 'react'
class Welcome extends React.Component {
render() {
return <h1> Hello React </h1>
}
}
export default Welcome;
将组件挂载到DOM节点上
- 打开src下index.js（主入口文件，所有组件均在这里挂载）
// ... 省略项目中已存在的引入
import Welcome from './Welcome'; //引入Welcome组件
// 挂载
ReactDOM.render(<Welcome>, document.getElementById('root'));
JSX
javascript 语法扩展
可以使用花括号｛｝内嵌任何Javascript表达式（Expressions）
JSX属性，保留字替代，例如class、for
循环
三元运算
网友评论