Estoy intentando emitir un evento de socket en la entrada del usuario, pero quiero que el evento se emita SOLO UNA VEZ cuando el valor de la entrada cambie de estado y otro evento se emita UNA VEZ cuando se borre el valor.
const [text, setText] = useState(""); ... useEffect(()=> { if (text) { // EMIT EVENT console.log("input has value emit event", text); } else { console.log("input has no value emit event"); } }, [text]); ... const handleChange = e => { setText(e.target.value); } ... <Input type="text" value={text} onChange={handleChange} />Puedo lograr esto, pero mi código se emite con cada pulsación de tecla. Mi requisito es que ambos eventos se emitan solo una vez.
Realice la verificación en handleChange en su lugar, para que pueda comparar el valor anterior con el valor nuevo.
const handleChange = e => { const newText = e.target.value; setText(newText); if (newText && !text) { console.log("input has value emit event", text); } else if (!newText && text) { console.log("input has no value emit event"); } }