React受控组件和非受控组件之间的区别 – ReactJS实战教程

上一章ReactJS实战教程请查看:React组件生命周期详细解析
受控组件受控组件绑定到一个值,其更改将通过使用基于事件的回调在代码中处理。这里,输入表单元素由react本身处理,而不是DOM。在这种情况下,可变状态保存在state属性中,只会使用setState()方法进行更新。
【React受控组件和非受控组件之间的区别 – ReactJS实战教程】受控组件具有在每次发生onChange事件时控制传递给它们的数据的功能,然后将该数据保存为state并使用setState()方法进行更新,它使组件更好地控制表单元素和数据。
非受控组件它类似于传统的HTML表单输入,这里,表单数据由DOM本身处理。它维护自己的状态,并在输入值更改时进行更新。要编写非受控组件,不需要为每个状态更新编写事件处理程序,你可以使用ref从DOM访问表单的值。
受控组件与非受控组件的区别

编号 受控组件 非受控组件
1. 它不保持它的内部状态。 它保持它的内部状态。
2. 这里数据由父组件控制。 这里数据由DOM本身控制。
3. 它接受当前的价值作为支撑。 它对它们的当前值使用ref。
4. 它允许验证控制。 它不允许验证控制。
5. 它可以更好地控制表单元素和数据。 它对表单元素和数据的控制有限。

    推荐阅读