学习React记录篇08


在原生的input中,可以对value进行修改

 而在React中

 需要使用defalutValue代替

 如何获取React Input文本值

 可以调用onChange事件

 也可以使用内联函数

 实现Input的双向绑定类似v-model

  1. 创建一个响应式数据
  2. 给它一个默认值“”,空字符串
  3. 将数据指向value属性
  4. 每次改变input中的值的时候修改响应式数据

 这样可以不用再使用defaluteValue

 在使用React中,我们会遇到很多表单元素,类似select,textarea,这些元素和input逻辑差不多

 

 重置按钮

在原生中使用label去包裹input,这可以帮助可访问性,提高无障碍。

 在React中有轻微的不同

 项目小结四