生命周期
React的生命中欧琪分上状态分别是mount update unmount
三个状态中有五个钩子函数
componentDidMount() 组件加载到页面以后 往往是ajax
componentDidUpadte() 组件更新完成以后
脚手架
react文件的内容
App.css 是所有组件的样式
Index.css 是整个网页全局样式
App.js 是最大的那个组件
Index.js就是出口文件
React中定义组件的方法
1.react.createClass()
定义组件的method中的this指向组件本身
2.构造函数
定义的组件是无状态的,没有state状态,没有生命周期,不能访问this。就是一个纯粹的静态页面。
3.class
1.class中的事件函数中的this不是指向组件本身是null。
2.通过class创建的组件的成员函数需要手动绑定
3.在class定义组件中添加state
React中的组件嵌套
组件嵌套 :将子组件以标签的形式写在父组件的模板中
组件之间的通信
父传子
通过props传递给子组件
将父组件中的数据,绑定在子组件的标签上,充当标签的属性值,子组件中通过props接收
子传父
通过函数层层传递
React路由
React推出了两个路由的版本,一个是react-router另一个是react-router-dom后者比谴责个多一个组件 叫link组件就是a
- 第一步 npm i react-router-dom -S
- 第二步 配置路由
引入router组件
import {HashRouter,Switch,Route} from "react-router-dom"
将这个组件一标签的像是写在APP组件的模板中