react的笔记整理
生命周期
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组件的模板中