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

Question

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

我有这个代码：

 const [msgTimer, setMsgTimer] = useState(5);

 message.error('some error msg', msgTimer);

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

我尝试关注但它不起作用。

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

有了那个 onClick 我想立即关闭该消息。

请帮我解决这个问题。

Answer 1

您想要实现的目标是可能的，但您需要使用不同的语法，以便为消息设置密钥。

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

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