React

安装 create-react-app

npm install -g create-react-app
create-react-app . //用 create-react-app 初始化这个目录
yarn start

ReactDOM.render(p1, p2) 的作用：将 p1 插入到 p2 中。只不过 p1 虽然在 JS 文件中，却可以使用 HTML 的语法（这就是 JSX 语法）。

部署到 GitHub

git add .
git commit -m 'update'
需要删除 .gitignore 里面的 /build 这一行
在 package.json 里添加"homepage": "https://jirengu-inc.github.io/project-react-1/build",
yarn run build

props的两种写法

Class

import React from 'react'; // 为什么要 import React
class Welcome extends React.Component {
  render() {
    return <h1>Hello, Component</h1>;
  }
}

export default Welcome

Function

function Welcome(props) { 
      return <h1>Hello, {props.name}</h1>;
  }

生命周期（Lifecycle）

React 的生命周期包括三个阶段：mount（挂载）、update（更新）和 unmount（移除）

一般，我们只在这几个钩子里 setState：

1. componentWillMount
2. componentDidMount
3. componentWillReceiveProps