function Lectures(){
var socket = io()
let [msg,setMsg] = useState()
let [datas,setData] = useState([])
return (
<>
<div>채팅방</div>
<input onChange={(e)=>{
setMsg(e.target.value)
}}></input>
<button onClick={()=>{
socket.emit('user-send',msg)
setData(datas.concat(msg))
socket.on('broadcast',function(data){
setData(datas.concat(data))
})
console.log(datas)
}}>서버에 메시지 보내기</button>
<div className='container'>
{
datas.map((a,i)=>{
console.log(datas[i])
return(
<Chat datas={datas[i]}/>
)
})
}
</div>
</>
)
}
const Chat = ({datas})=>{
return (
<div>
<h3>{datas}</h3>
</div>
)
}
export default Lectures
이런 코드입니다. 1번창에서 보낸 메시지가 2번창에서 보이지 않아요 ㅠ
현재 생기는 문제는 위 동영상과 같습니다. 어떻게 해야하나요? https://youtu.be/72bmPNsaS3o
