我目前正在使用此代碼從套接字接收資料代碼:
socket.on('send_image', (message) => {
setImage(message.image)
console.log(message)
})
服務器連續發送資料(來自相機的影像)。如何在不重繪 的情況下接收它?我嘗試了一種每毫秒請求資料的方法。我不知道這是否是一個好方法
請求每毫秒代碼:
useEffect(() => {
const id = setInterval(() => {
socket.on('send_image', (message) => {
setImage(message.image)
console.log(message)
})
}, 10);
return () => clearInterval(id);
}, []);
有沒有其他方法可以連續接收來自套接字的資料?
uj5u.com熱心網友回復:
要在send_image收到訊息后立即更新本地狀態,只需在您的useEffect.
useEffect(() => {
const handler = (message) => {
setImage(message.image);
console.log(message);
};
socket.on("send_image", handler);
return () => socket.off("send_image", handler); // assuming `.off` deregisters a callback
}, []);
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/405113.html
標籤:
