React -- 表单的受控与非受控

15 阅读1分钟
(1) 受控与非受控(广义)

广义的说法:

React 组件的数据渲染是被调用者传递的 props 完全控制的,那就是受控组件 ;否则就是非受控组件!!!

(2) 表单的受控与非受控

非受控: 不受状态的控制,使用 ref ,来获取用户输入的值!!!

受控: 受状态的控制,使用 state 实时存储用户输入的值!!

最好还是选择 受控的,会方便很多:

  • 如果想把用户的实时输入传给子组件,如果用非受控,就没法搞!!

1859.png

因为 ref 存储的值发生改变,是不会引起重新渲染的,也就是说是无法将用户的输入实时传给子组件的,传过去的是第一次的固定值!!!