08-组件化高级-受控与非受控组件

35 阅读1分钟

react中,表单元素绑定了value,且该value是state中的数据,那么他就是受控组件,此时必须添加表单元素的change handler,去根据e.target.value更新state,否则表单项输入没反应,不像vue v-model绑定data中的值,该语法糖自动更新了data值 image.png

image.png

  • 也就是说,正常input select textarea 元素中的数据由浏览器维护
  • react中,需要自己维护state,且表单元素的value={state.data},那么就需要通过setState更新数据

受控组件,不写change事件会报错 image.png