对于react的入门学习--笔记记录

1、生命周期
react分为三个阶段：
1-1、第一阶段
Mounting-组件挂载阶段，代表组件第一次进入DOM结构中
componentWillMount 在页面渲染前调用
render 组件开始渲染
componentDidMount 在组件第一次渲染后调用，只在客户端。之后组件已经生成了对应的DOM结构，可以通过this.getDOMNode()来进行访问。如果需要跟其他javascript框架一起使用，可以在这个方法中调用 setTimeOut，setInterval或发生Ajax请求等操作
**1-2、**第二阶段
Updating 组件更新阶段，代表组件的结构进行更新
shouldComponentUpdate 返回一个布尔值。
componentWillUpdate 在组件接收到新的props或state，但是没有render时被调用。
render 组件开始渲染
componentDidUpdate 在组件完成更新后调用
**1-3、**第三阶段
unmounting 组件卸载阶段，代表组件被销毁
componentWillUnMount 在组件被从DOM中移除之前立刻被调用。

2、创建React项目方式：
2-1、 npx create-react-app 项目名 项目名符合变量的命名（但是不能大写）
2-2、npm i -g create-react-app -----> create-react-app 项目名

3、运行项目：
cd 到项目根目录
开启项目 npm start
4、目录介绍：

package.json： 对整个应用的描述：包含应用名，版本号，一些依赖等
public
favicon.ico 项目的图标
index.html 项目的入口文件
manifest.json 和web app相关的配置
robots.txt 指定搜索引擎可以或者不可以获取的内容
src
App.css // APP组件样式
App.js // APP组件的代码文件
App.test.js // App组件的测试文件
index.css // 全局样式文件
index.js // 整个项目的入口文件
logo.svg // 项目启动，所看到的react图标
setupTests.js // 测试初始化文件

5、安装插件：ES7 React/Redux/GraphQL/React-Native snippets
快速生成组件：rcc
快速生成组件内部构造函数： rconst

6、网络请求
安装：npm install -S axios