受控组件

• 参考文章

  • 数据（状态）和 UI（输入）始终保持同步。

  • 也就意味着表单组件可以立即响应输入变化。

  • 

  • 

• react官网-受控组件

  • 使 React 的 state 成为“唯一数据源”。渲染表单的 React 组件还控制着用户输入过程中表单发生的操作。被 React 以这种方式控制取值的表单输入元素就叫做“受控组件”。

  • 对于受控组件来说，输入的值始终由 React 的 state 驱动。

非受控组件

• react官网-非受控组件

  • 非受控组件将真实数据储存在 DOM 节点中，所以在使用非受控组件时，有时候反而更容易同时集成 React 和非 React 代码。如果你不介意代码美观性，并且希望快速编写代码，使用非受控组件往往可以减少你的代码量。否则，你应该使用受控组件。