关于react里Input动态获取值的写法

在react里面我们经常会用到获取input框里面的值,正常情况下是一个一个获取进行赋值的

但是,如果仅仅是获取并赋值这类一样的操作,我们是不是可以简化一下

首先是:render里面的Input的onChange写法

关于react里Input动态获取值的写法_第1张图片

这里的e代表的是自身的属性,一般获取value值为e.target.value,而后面的是我们state定义的需要赋值的类名,注意,你后面的值需要跟state里所定义的一模一项,不然无法动态获取

关于react里Input动态获取值的写法_第2张图片

 接下来的话就是赋值的环节,也是最关键的一步

关于react里Input动态获取值的写法_第3张图片

在这里的话e代表本身的属性,key则是后戳那自己定义的类名,在这里可以使用key代替state进行赋值,而不用一个个进行this.setState的进行赋值,那样太过繁琐

你可能感兴趣的:(javascript,前端,开发语言)