1.环境准备：

node -v
npm -v

2.使用 React 脚手架 -- Create React App（简称 CRA）来初始化项目

npx create-react-app lina-app项目名称（自定义）
如果报错，执行下面的指令
npm init react-app lina-app

cd lina-app && npm start
CRA 会自动开启项目并打开浏览器，你应该可以看到下面的结果：
恭喜你！成功创建了第一个 React 应用！

接下来在终端中按 ctrl + c 关闭刚刚运行的开发环境，然后在终端中依次输入如下的命令： #进入 src 目录 cd src

#如果你在使用 Mac 或者 Linux： rm -f *

#或者，你在使用 Windows： del *

#然后，创建我们将学习用的 JS 文件 #如果你在使用 Mac 或者 Linux： touch index.js

#或者，你在使用 Windows type nul > index.js

#最后，切回到项目目录文件夹下 cd ..

此时如果在终端项目目录下运行 npm start 会报错，因为我们的 index.js 还没有内容，我们在终端中使用 ctrl +c 关闭开发服务器，然后使用编辑器打开项目，在刚刚创建的 index.js 文件中加入代码~(自行练习)

React提供2种组件写法：函数式组件(props) 类组件(继承，render())

组件组合

组件渲染： ReactDOM.render()方法接收2个参数，分别是根组件、待挂载的DOM节点

Props：React为组件提供的参数props，为组件传入属性进行个性渲染

函数式组件中使用props
类组件中使用props，通过this.props来获取父组件传递下来的属性内容

State和生命周期 React通过给类组件提供State来创造交互式的包容—即内容可以在渲染之后发生变化

定义State：通过在类组件中添加constructor方法，并在其中定义和初始化State 更新State：通过this.setState方法来更新state，从而使得网页内容在渲染之后还能变化

生命周期函数：挂载常用3个方法：constructor(),render(),componentDidMount() 更新卸载. 只有一个方法：componentWillUnmount()