Ant Design的消息框通常使用 message.success、message.info等方法。由于 onclick 通常需要异步操作,因此不能直接在 onclick 内使用消息框。一种解决方案是使用setTimeout或promise来异步调用消息框。例如:
const handleClick = () => {
doSomethingAsync()
.then(() => {
setTimeout(() => {
message.success('操作成功!');
}, 0);
})
.catch(() => {
setTimeout(() => {
message.error('操作失败!');
}, 0);
});
};
另外,也可以尝试使用Ant Design的 modal 对话框作为替代方案。