Estoy aprendiendo a reaccionar.
Tengo un componente de entrada.
<InputText isdisabled={false} placeholder="Type something and press enter to search..." type="text" name="search-table" onChange={(e) => handleSearch(e)} /> Tengo una función handleSearch , quiero buscar solo cuando el usuario presiona la tecla Intro.
const handleSearch = (e) => { console.log(e.keyCode, e.keyCode, e.which); // undefined if(e.key === 'Enter' || e.keyCode === 13) { // API CALL } } Pero cuando console.log(e.keyCode, e.keyCode, e.which); Regresa undefined porque ahora está en desuso .
Entonces, ¿cómo puedo lograr mi objetivo?
<InputText isdisabled={false} placeholder="Type something and press enter to search..." type="text" name="search-table" onkeypress={(e) => handleSearch(e)} onChange={(e) => handleSearch(e)}>OnKeyPress devuelve la clave que ha ingresado y verifica la condición en su cuerpo de función
const handleSearch = (e) => { if (e.key === 'Enter' || e.keyCode === 13){ // API CALL }}