React Typescript：Ant Design Alert 不呈现

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() 函数不会 return 任何东西，因为它的内容是在大括号 {} 而不是圆括号 () 中。您也可以使用 return item.status ? ....