Socket io事件仅在页面刷新后触发

Question

我正在制作一个mern堆栈聊天应用。我开始使用window.location.href进行路由，一切运行良好。但是现在当我将其更改为单页应用程序时，Mysocket事件需要初始页面刷新才能工作，即我的组聊天组件最初需要刷新才能使套接字事件聊天被触发。可能是什么原因？

componentDidMount(){
const ID = this.props.match.params.id;
this.props.getGroupChats(ID); 
const room = ID;
groupConnect(room); // socket action for connecting room
this.props.newMessage(); //socket action for groupmessage
}