学习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中有轻微的不同

 

 项目小结四

 

 

 

 

 

 

 

 

 

posted @ 2022-02-13 17:58  Bob康康  阅读(23)  评论(0编辑  收藏  举报