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.表单控件使用