React input表单双向数据绑定仿Vue v-model实现

1、前题
React并不提供数据双向绑定功能。以为例，我们可以通过setState命令改变input绑定的数据，从而改变input的值，但是用户填写input表单并不能改变input绑定的数据。
但是其实在Vue中，input等表单元素的双向数据绑定也不是Vue框架本有的功能，v-model双向数据绑定说到底其实不过是Vue为我们提供的语法糖。也就是说，v-model其实是合并了v-bind:value和v-on:input两条指令，把数据绑定和用户输入事件集成到了一起。

根据这个原理，我们也可以为React来添加input的双向数据绑定功能。

2、来实现

this.state={            
userName:'',//用户名            
password:'',//密码
 }  

主代码不能复制哦 但是可以参考 主要看重点勾选的

禁止转载，谢谢