Estoy usando un servidor (Node.js y Socket.io) para enviar un mensaje entre clientes (React). Puedo enviar un mensaje del Cliente 1 al Cliente 2, pero para que el segundo cliente pueda visualizar el mensaje en la pantalla tiene que hacer clic en un botón. Lo que estoy tratando de lograr es que el Cliente 2 pueda visualizar el mensaje enviado por el Cliente 1 automáticamente, sin hacer clic en ningún botón, directamente cuando el Cliente 1 envía el mensaje al servidor y el servidor lo emite. Algo así como tener un listener que esté trabajando permanentemente buscando cada vez que los servidores envían un "socket.emit("send_message", message)". El problema es que en el cliente React, mi función "socket.on("send_message",...)" dentro de un useEffect que solo funciona cuando hago clic en el botón.
Cualquier ayuda o referencias sería increíble, gracias.
No estoy seguro de si este es el enfoque correcto, pero funcionó para mí.
Suponiendo que el socket se haya configurado para conectarse a alguna URL,
let [socket, setSocket] = useState(null) useEffect(() => setSocket(io(socket_connect_url), [])Luego podría configurar un gancho para detectar el evento 'someEvent' así,
useEffect(() => { if(!socket) return; socket.on('someEvent', (recv) =>{ try{ // Process recv message here console.log(recv); }catch(err){ console.log(err) } }, [socket]) })