React 学习笔记(二) (事件、约束与非约束性组件)

事件对象

方法一
react事件对象
方法二
react事件对象
方法三
react事件对象

表单取值

react表单取值

键盘事件

react键盘事件

react实现双向数据绑定

react实现双向数据绑定

约束性组件和非约束性组件

非约束性组件 defaultValue<input type="text" defaultValue=‘111’/>
相当于原生DOM的value属性,value就是用户输入的内容,react不管理输入的过程;

约束性组件 valueonChange相结合:<input value={this.state.model} type="text" onChange={this.inputChange}/>
这里的value不是写死的值,是有onChange负责管理的,value的值,不是用户输入的内容,而是onChange事件触发后,由this.setState重新渲染的,这个过程我们看不到的(比较抽象,自行理解>_<)。

发布了24 篇原创文章 · 获赞 10 · 访问量 3万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 终极编程指南 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览