ReactJS 中的受控组件和非受控组件是什么?它们彼此有何不同?
这与有状态的 DOM 组件(表单元素)有关,React 文档解释了其中的区别:
props
onChange
ref
大多数原生 React 表单组件都支持受控和不受控的使用:
// Controlled: <input type="text" value={value} onChange={handleChange} /> // Uncontrolled: <input type="text" defaultValue="foo" ref={inputRef} /> // Use `inputRef.current.value` to read the current value of <input>
在大多数(或所有)情况下,您应该使用受控组件。