如何在antd消息上添加onClick事件

Question

我有以下问题，希望你能帮助我。

我有这个代码：

const [msgTimer, setMsgTimer] = useState(5);
message.error('some error msg', msgTimer);

在ant文档中，message具有onClick属性。那么，我如何将onClick事件添加到我的消息中呢？

我试着跟随，但没用。

message.error('some error msg', msgTimer, onClick={()=>setMsgTimer(0)});

点击后，我想立即关闭该消息。

请帮我解决这个问题。

Answer 1

您想要实现的是可能的，但您需要使用不同的语法，该语法允许您为消息设置键。

const messageKey = 'some unique message key';
message.error({
content: 'some error msg',
duration: 5,
key: messageKey,
onClick: () => message.destroy(messageKey)
});

这样，您将为消息分配一个唯一的键，以后可以在onClick处理程序中使用该键来删除该消息。