reactjs没有在useState中正确更新socketio状态答案

【问题标题】：reactjs not updating socketio state properly in useStatereactjs没有在useState中正确更新socketio状态
【发布时间】：2021-11-20 11:10:42
【问题描述】：

这似乎很明显，但无法弄清楚为什么这不起作用。

const [socketio, setSocketio] = useState();

    useEffect(() => {
            console.log("setting socket");  //this print comes
            const socketRes = io("http://localhost:8700/");
            console.log(socketRes); //this prints socket details fine
            setSocketio(socketRes);
    }, []);

    useEffect(() => {
        console.log("socket id " + socketio.id); //this prints always undefined

    }, [socketio]);

【问题讨论】：

标签： reactjs socket.io use-state

【解决方案1】：

我发现在您的前端获取 id 的最佳方法是添加一个侦听器。

socketRes.on("connect", () => {
  console.log(socketRes.id);
});

【讨论】：