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

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表单详解及各控件的使用_第1张图片
2018-12-26表单详解及各控件的使用_第2张图片

你可能感兴趣的:(2018-12-26表单详解及各控件的使用)