useEffect(() => {
socket.on(
'message',
({ user_id, contents, createdAt }) => {
setMessage([
...message,
{
contents: contents,
profileImage: socketParticipant[user_id]['profileImage'],
name: socketParticipant[user_id]['name'],
createdAt: '2022-03-03 20:20:20'
},
]);
console.log(message, '내가 보낸 메세지 받았니 ? ')
},
(error) => {
if (error) console.log(error);
}
);
}, [message]);
useEffect [message]를 써주어야 소켓에서 받은 메세지가 다시 랜더링 되면서 뜬다.