反应 Typescript：Ant 设计警报未呈现

Question

如果状态为真，我有一个数组messages并尝试呈现不同的Alert ，但它不会在浏览器中呈现。 Console.log(message)显示message不为空。

return (
   <Space direction="vertical" >
      {messages.map(item => {
         item.status ?
            <Alert
               message={item.title}
               description={item.statusMessage}
               type="success"
               showIcon
            /> :
            <Alert
               message={item.title}
               description={item.statusMessage}
               type="error"
               showIcon
            />
      })}
   </Space>
);

Answer 1

请记住，此map() function 不会返回任何内容，因为它的内容在大括号{}而不是括号()中。 你也可以使用return item.status? ... return item.status? ... .