我有文字输入。如果单击页面中的特定按钮，我想重置输入的值。这是我的代码：
const inputRef = useRef()
const handleClick= () => {
inputRef.current.value.reset();
return "hello world"
}
return (
<>
<input type="text" ref={inputRef}/>
<button onClick={()=> handleClick}>delete all</button>
</>
)没用 如何解决这个问题？
您可以通过将文本输入字段的值设置为空字符串来清除它。inputref.current.value = ""如果要使用不受控制的输入，则可以这样做。
但是，如果要使用受控输入，则可以创建一个状态变量来跟踪输入字段的值。例如，
const SomeComponent = () => {
const [text, setText] = useState('')
return (
<>
<input type="text" value={text} onChange={(e) => setText(e.target.value)} />
<button onClick={() => setText('')}>delete all</button>
</>
);
};
这是两个实现的codeandbox。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句