react知识点

1，react脚手架搭建，创建react开发目录
此脚手架为react官方配置，更健壮，对于初学更友善。（webpac配置的话更底层稍微复杂）

1，npm install -g create-react-app

2，cd到所需要的目录盘

3，创建文件夹 create-react-app 文件名

4，自动生成所需配置： npx create-react-app 文件名 （加npx防止window有时报错）；如果npx报错请参考（https://blog.csdn.net/Winne_Shen/article/details/83686840）
5,antd-mobile中的(injectBabelPlugin)问题:https://blog.csdn.net/zoepriselife316/article/details/88063171

5，cd到所创建的文件名，
关于yarn的介绍
类似于npm的包管理工具
6，yarn start （yarn的安装：npm install -g yarn）

再次打开所创建的文件夹，npm run start
7，yarn add styled-components 第三方模块的安装（style样式的安装）；去（CSS Tools: Reset CSS）复制此代码，在styled-component V4版本中injectGlobal API除去，取而代之的是createGlobalStyle样式组件。详情参考（https://blog.csdn.net/qq_32063079/article/details/83277054）
移除某个模块yarn remove xxx

8，

2，jsx语法
1，自定义标签首字母需大写例如：
2,

3，proptypes和defaultprops
1，proptypes判断输入的类型是否正确

4，prop state和render
当prop或者state发生改变时，render就会重新执行，从而页面就行新的渲染

5，react中的虚拟DOM
1，虚拟DOM（就是一个JS对象，用来描述真的DOM）例如：

hello world

虚拟DOM表达成：{‘div’, {id:‘app’},[‘span’,{}, ‘hello world’] }
2,

6，REDUX
1, redux = Reducer+Flux
2，redux会有一个公共的数据库供 使用
3，工作流程：
4，
5，redux中的css文件在任意文件中被引用一次，则全局通用
7，store的创建
1，模拟为管理员的创建，自此之前得先引入记录本（reducer），因此的先创建reducer
2，store在是视图层的绑定得需要Provider和Connect两个组件来完成

8，Reducer的创建
1，相当于记录本，是一个纯函数
2，
第一个是创建store，第二个将值传递给action，第三个获取到数据，第四个store数据改变，则次回调函数执行

9，UI组件和容器组件

1，

10，sagas文件管理异步逻辑
1，