Eu tenho um campo de entrada e cuido da entrada via onKeyUp (pois preciso acessar event.which
). Isso funciona muito bem na medida em que apenas pego o conteúdo da entrada via, event.target.value
mas encontro problemas quando tento redefinir o valor do campo de entrada.
Estou usando componentes funcionais, portanto, acessar a entrada via refs não é possível e todos os exemplos que encontrei com useRef apenas mostram como enfocar o campo de entrada, mas não como limpá-lo.
Esqueci de mencionar que estou usando Material-UI.
Você pode limpar o valor de uma entrada com um ref dentro de um componente funcional, definindo ref.current.value
imperativamente para uma string vazia:
const App = () => {
const textInput = React.useRef();
const clearInput = () => (textInput.current.value = "");
return (
<>
<input type="text" ref={textInput} />
<button onClick={clearInput}>Reset</button>
</>
);
}
Este artigo é coletado da Internet.
Se houver alguma infração, entre em [email protected] Delete.
deixe-me dizer algumas palavras