映射函数不显示任何结果

Question

在这里我想显示消息列表，但地图似乎不起作用我正在通过 console.log 获取数据

请帮助我在我错的地方提前谢谢

const [messages, setMessages] =  React.useState([]);

const  handleSendMessage = () =>{
var mesg = document.getElementById('message').value;
socket.emit('send_message', mesg)
  let newState = ([...messages,mesg]);
  setMessages(newState);
}

useEffect(() => {
console.log("messages...", messages)
}, [messages]);


  { messages.map((data,key)=>{                
     <li className="mar-btm">
        {data}
     </li>
   })}

Answer 1

您需要 return 个结果。

  { messages.map((data,key)=>{                
     return (<li className="mar-btm">
        {data}
     </li>) 
   })}