配置环境

使用官方脚手架工具搭建项目：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

循环
三元运算