美文网首页
2018-12-26表单详解及各控件的使用

2018-12-26表单详解及各控件的使用

作者: ksh14 | 来源:发表于2018-12-26 17:44 被阅读0次

1.非约束性组件和约束性组件

上个例子中,我们使用了defaultValue和value与onChange的组合。

这个defaultValue其实就是原生DOM的value属性,这样写出来的组件,其中value值是用户输入的内容,react不会去管理输入的过程,所以叫非约束性组件。

value和onChange的组合里,value它不是固定写死的值,它被赋值this.state.name,其中this.state.name又是由onChange对应的方法inputChange所管理。这个时候实际上input里的value根本就不是用户输入的内容,而是onChange触发后,由setState导致了一次重新渲染,只不过react会优化这个过程而已。这种叫约束性组件

2.表单控件使用

相关文章

网友评论

      本文标题:2018-12-26表单详解及各控件的使用

      本文链接:https://www.haomeiwen.com/subject/yaphlqtx.html