React学习笔记之表单处理

一、表单处理基础

1.输入框处理

 

2.富文本框

3.下拉菜单

4.复选框

 其中复选框在选择时是根据checked，而不是value

二、表单处理优化步骤

1.给表单添加name属性，名称与state相同

2.根据表单元素类型获取相应值

3.在change事件处理程序中通过[name]来修改对应的state

 

 4.统一更改表单处理

 5.非受控组件（了解）

 6.组件设置步骤

1）在state中添加变量

2）在需要进行更改的位置添加事件更改函数，如onClick()或者onChange()，

同时还需要在该地方设置value和name，value的值应该相同，且为state中的值，（以此来获取输入的内容？）

3）设置事件处理函数，实现事件处理逻辑

 获得当前state的指定内容

渲染列表时，需要使用map方法读取列表元素内容