Socket-io-клиент получает повторяющиеся повторяющиеся данные по событию ⇐ Javascript
-
Гость
Socket-io-клиент получает повторяющиеся повторяющиеся данные по событию
Почему я получаю несколько данных, полученных из события сокета-io?
Это клиентская часть (реакция)
//инициализированный сокет-io-клиент// сокет.connect(); socket.on("получить-сообщение", (incomingMessage) => { console.log(incomingMessage); >! setInbox — это функция установки useState. setInbox((prev) => [...prev, { message: incomingMessage.message, fromSelf: false }]) }); Журналы на стороне клиента: https://imgcdn.dev/i/ZDVUT
На сервере (express js)
io.on("connection", (socket) => { Socket.send(`Привет, ${socket.id}`); console.log("Подключился новый пользователь", socket.id); socket.on("отправить сообщение", (данные) => { console.log("Получено новое сообщение", data); io.emit("получить-сообщение", данные); console.log("Сообщение отправлено клиенту"); }); }); журналы сервера: https://i.stack.imgur.com/f66sv.png
Я получаю несколько сообщений на стороне клиента. Что мне здесь не хватает?
Почему я получаю несколько данных, полученных из события сокета-io?
Это клиентская часть (реакция)
//инициализированный сокет-io-клиент// сокет.connect(); socket.on("получить-сообщение", (incomingMessage) => { console.log(incomingMessage); >! setInbox — это функция установки useState. setInbox((prev) => [...prev, { message: incomingMessage.message, fromSelf: false }]) }); Журналы на стороне клиента: https://imgcdn.dev/i/ZDVUT
На сервере (express js)
io.on("connection", (socket) => { Socket.send(`Привет, ${socket.id}`); console.log("Подключился новый пользователь", socket.id); socket.on("отправить сообщение", (данные) => { console.log("Получено новое сообщение", data); io.emit("получить-сообщение", данные); console.log("Сообщение отправлено клиенту"); }); }); журналы сервера: https://i.stack.imgur.com/f66sv.png
Я получаю несколько сообщений на стороне клиента. Что мне здесь не хватает?
Мобильная версия