在React当中实现双向数据绑定需要借助对应的标签<text><select>或
`,也就是可以输入的内容;
想要使文本框的输入内容修改上面的内容,则应该给当前的input标签添加事件,这个事件能够触发父级组件的一个事件方法,在父级组件的事件方法中更改当前的状态,并且拿到文本框输入的内容就OK了,
person.js中的chang属性(方法)要在负组件中定义;
onChange事件是当文本标签中(input)的内容发生变化触发;
changede相当于一个传递员的角色;
父组件App.js的代码:
报错情况
原因是:input标签里面使用了onChange事件,如果想对应一个value值的话需要使用defauleValue而不是value值
React-双向数据绑定
最新推荐文章于 2024-03-01 17:59:49 发布