react 的学习随记
npx create-react-app my-app 创建一个名叫my-app的react的项目
npm run eject 运行 显示config 文件夹
react jsx （使用时将babel 将jsx转为js）
单页面时需要引用
1，样式（在虚拟dom时）
1. 引用样式时 用className=‘’
2，引用js样式时 用{}
3，内联样式使用 需要用{{}}
4,虚拟dom 只有一个根标签
2，循环遍历时
虚拟dom 只能加载js表达式
（index 做key 可能出现问题）
3，模块
1.函数式组件
一个字母必须大写 必须闭合
babel 开启严格模式 这里的this 为undefined
类的基本知识
call 改this的指向 还有几个
正确
2，继承类
super 继承 必须在最前面
子类调用父类的方法
2，类式组件
a类继承b （a 类继承b类 前面是a 后面是b）
必须继承react 必须有render
4，类身上state
5，原生事件点击按钮的方式 react的点击 推荐原生的第三种
但是react 中使用使 都用大写 onClick 针对所有的on 事件都是
并且使用时用{} 后面不能加（）
点击 改变state时
这样才有this
这个时候this.state .ishohot改变他的数值 但是页面数据无效（state状态无法直接更改）
如果要修改数据就用this.setState({})
他们分别调用次数
代码精简
使用props传参 动态
基本使用
传多个参数 展开运算符
基于原生 ... 展开运算符不能展开对象
sum 求和 reduce 展开数组时
不能直接... 对象 只能{...arr} 相当于复制
但是react 传参时可以使用
props修改
props限制 对默认值 和必传值
引入proptypes
下面是限制传参 （例如限制必穿string 和 isrequired 必填）
默认值：defaultprops,，默认值
传函数限制函数
props 只读的 不允许改
在简写 写到类里面
函数子组件 只能使用props
测试
老的使用方法 不介意使用 或 （ref）使 或换成id=
现在用回调ref 或者内联或类的绑定函数
非受控组件
原生表单 （表单中输入类的demo 现用现取叫非受控组件）
受控组件
输入类的dome 将数据保存在state 的状态里 用的时候从state里面取
高阶函数和柯里化
加个retrun 这样能接收传参
存储的的时候 要用【】 这是savefromdata 是高阶函数
不用柯里化的使用
生命周期
点击卸载demo
进来就调用
生命周期 componentDidMount （组件加载后加载） 只调一次 200毫秒一次 慢慢变淡
点击 不活了 按钮 卸载了之后 定时器不会停止
1， 所以点击卸载的时候清空定时器
2， 第二种方式 在组件将要被卸载的时候调用
componentWillUnmount（）{}
