[JavaScript知识库]React受控组件和非受控组件

非受控组件

我们现在想要实现，点击以后，alert， 但是表单行为不触发提交，不跳转到另一个页面，怎么办？

像这种输入类的DOM数据，是现用现取，那就是非受控组件

受控组件

我们给用户名Input绑定onChange事件，要获得用户名Input的值，所以可以不用Ref， 用event.target.value：

输入类的DOM， 随着用户输入，把数据维护到state状态中，等需要用到数据的时候，直接从状态中取出来，这就是受控组件。