react

``` // 组件接收到新的props（此处，实际上是路由信息）就会触发该钩子函数 componentDidUpdate(prevProps) { // prevProps 上一次的props，此处也

在utils文件加下新建http.js 在src文件下新建api文件新建home.js,......

1.创建项目，安装antd mobil 使用的是Tabbar 全部代码，1.创建项目，安装antd mobil 使用的是Tabbar 全部代码

高阶组件HOC使用一个函数包裹组件，将逻辑写在函数内部 使用，将逻辑写在函数内部 使用，将逻辑写在函数内部 使用

![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0443ae2605bb4292ac40d032a5525b27~tplv

一、创建阶段 1.constructor： 初始化state，为事件处理绑定this 2.reder：渲染ui，不能调用setState,会导致递归更新报错 3.componentDidMount：获

children属性和vue的slot相似，children属性和vue的slot相似，children属性和vue的slot相似children属性和vue的slot相似

context传值相当于vue的provide和inject 使用时要将其嵌套在外层，Provider和Consumer

1.props传值（跟vue一样，只是写法不太一样） 注意：直接通过create-react-app模式创建的，默认就是StrictMode下。StrticMode默认会执行两次render，来检测你

vue和react的对比 1.v-if在react里面使用三元表达式 2.v-for在react里面使用map