声明周期1
Posted 勇敢*牛牛
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了声明周期1相关的知识，希望对你有一定的参考价值。
非受控组件
- value和checked不受state中的属性控制
- 应用的次数不是太多，多数用受控组件
- 通过dom对象获取表单中的值
- react如何获取dom对象：ref对象来获取，通过ceratref方法ref对象
- ref普通dom，类组件，类组件的实例对象。
创建对象绑定，获取表单项数据对象current，因为层级不确定，推荐使用这个
- input。checkbox。
- 多个多选框，只收集最后一次，利用数组map显示，filter过滤
- 如果你的表单项，很少，就可以使用非受控组件
组件通信
生命周期
函数组件无生命周期，生命周期之后类组件才拥有
- 挂载
- 更新
- 卸载
- 第一个在生命周期中被执行的方法constructor，避免网络请求con+tab,父组件先执行，字组件后执行，执行N次。
- 第二个执行的是副作用构造函数static getDerivedstateFromProps，不能使用this，必须要有返回值：操作state对象属性吗，有则添加，没有添加，null：不会对state做任何操作，使用此方式，一定先要定义好state，参数的用法（最新的传值，最新的start）（可以映射proprs变为start）父组件先执行
- 把props追加到start中，确保 只执行一次
- 快捷方式的gdsfp
- render周期渲染
- componentDidMontreal（）虚拟挂载dom，在此可以进行网路请求，只执行一次。
- 更新时
- scu
网络请求
定义和使用高阶组件
css-in-js组件样式
使用路由管理
以上是关于声明周期1的主要内容，如果未能解决你的问题，请参考以下文章