1. 소켓 연결이 1개씩 늘어나는 문제
소켓 연결이 있는 페이지에 새로 고침 없이 나갔다가 다시 들어가면
1개만 연결됐다가 2개 연결됐다가 3개 연결됐다가 한개씩 늘어남
useEffect(() => {
dispatch(MyPageService.getOneChatRoomContents(chatroodId));
console.log("connect");
StompClient.connect(
{},
function (frame) {
StompClient.subscribe(
`/sub/chat/room/${chatroodId}`,
function (message) {
var recv = JSON.parse(message.body);
recvMessage(recv);
}
);
},
function (error) {
alert("error " + error);
}
);
return function cleanup() {
StompClient.disconnect();
};
}, [dispatch, chatroodId]);
useEffect에 return문에 disconnet를 하지 않아서 생기는 문제
소켓 관련 포스팅은 추후에 하겠음
728x90
'TIL' 카테고리의 다른 글
[TIL] 0401 역사적인 날 (0) | 2022.04.01 |
---|---|
[TIL] 0330 div아래에서부터 쌓기/ 리액트 무한스크롤/ 날짜별로 메세지 묶기/ 스크롤 맨 밑으로 내리기 (0) | 2022.04.01 |
[TIL] 0328 ag grid 기본 옵션들 설명 (0) | 2022.04.01 |
[TIL] 0326 소켓 + stomp로 리액트 채팅 구현 참고 자료 (0) | 2022.04.01 |
[TIL] 0325 ag grid row selection (0) | 2022.03.25 |