You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
# 自定义关闭按钮同时触发回调函数
|
|
|
|
|
|
|
|
- order: 4
|
|
|
|
|
|
|
|
关闭自定义的关闭按钮时触发回调函数,同时还可以在默认关闭按钮上添加另一个回调函数。
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
````jsx
|
|
|
|
var notification = require('antd/lib/notification');
|
|
|
|
|
|
|
|
var customClose = function(key) {
|
|
|
|
// 自定义按钮关闭时的业务处理
|
|
|
|
console.log("我被自定义的关闭按钮关闭了!");
|
|
|
|
// 隐藏提醒框
|
|
|
|
notification.notification.removeNotice(key);
|
|
|
|
};
|
|
|
|
|
|
|
|
var close = function() {
|
|
|
|
// 默认按钮关闭时的业务处理
|
|
|
|
console.log("我被默认的关闭按钮关闭了!");
|
|
|
|
};
|
|
|
|
|
|
|
|
var btn = <button className="ant-btn ant-btn-primary ant-btn-sm">自定义关闭按钮并触发回调函数</button>;
|
|
|
|
|
|
|
|
var openNotification = function() {
|
|
|
|
var args = {
|
|
|
|
message: "这是标题",
|
|
|
|
description: "这是提示框的文案这是提示框示框的文案这是提示是提示框的文案这是提示框的文案",
|
|
|
|
btn: btn,
|
|
|
|
customClose: customClose,
|
|
|
|
onClose: close
|
|
|
|
};
|
|
|
|
notification.show(args);
|
|
|
|
};
|
|
|
|
|
|
|
|
React.render(
|
|
|
|
<button className="ant-btn ant-btn-primary" onClick={openNotification}>点击自定义的按钮触发回调函数</button>
|
|
|
|
, document.getElementById('components-notification-demo-with-btn-onclose'));
|
|
|
|
````
|