react技术全家桶（37）react中的要点

1.样式中的注意点
class 改为 className
style=‘display:none’ 改为：style={{display:‘none’}}
2.类式组件中定义state 以及props传值

3.类式组件获取上层传递来的参数 即props

4.input中的 checked 和defaultChecked
如果写checked就写死了 无论checked=true 还是checked=false都会被选中
但是defaultChecked就不一样了，是可以改变的 不会永远被选中
defaultChecked 只在第一次有效 所以不能使用defaultChecked 否则后面改变checked会无效的
正确的写法是checked 和onChange事件同时使用 如图：

相似的还有defaultValue 和 value

5.react父传递子 可以使用props传递
6.react 子传递父 需要父通过props传递给子 同时传递一个可以改变这个值的函数 子需要改变的时候调用这个函数
7.前端的uuid不使用uuid的库 有点大 可以使用 nanoid 安装命令 npm i nanoid --save

8.在数组头部添加数据以及更新state中的值

9.改变对象中某个字段的值
let obj={a:1,b:2}
let obj2={…obj,b=3} obj2的结果就是{a:1,b:3}

10.对参数进行限制
安装插件：npm i prop-types --save
哪个组件接受props传值，哪个组件就可以进行限制

11.删除数组的某条数据的时候可以使用数组的filter方法

12.连续解构赋值+重命名

从this中获取keyWordElement,又从keyWordElement中获取value 同时将value变量名改为keyWord