揭秘 React 开发：一文搞懂受控组件与非受控组件的区别！

在React中，受控组件和非受控组件是根据组件的状态是否由父组件控制来区分的。 受控组件：父组件通过props来控制组件的状态，也就是说，父组件通过改变props的值来改变组件的状态。受控组件的状态只能由父组件来改变，不能由组件内部的事件处理函数来改变。 非受控组件：组件的状态由组件内部的事件处理函数来改变，父组件不能直接改变组件的状态。非受控组件的状态只能由组件内部的事件处理函数来改变，不能由父组件来改变。 例如，一个文本输入框就是一个受控组件，因为它的值是由父组件通过props来控制的。而一个按钮就是一个非受控组件，因为它的点击事件处理函数会改变按钮的状态，而这个状态是由按钮内部的事件处理函数来控制的，父组件不能直接改变按钮的状态。 ######[AI写代码神器 | 187点数解答 | 2023-11-09 01:37:47]