ant-design/components/notification/demo/with-btn.md

40 lines
886 B
Markdown
Raw Normal View History

2015-08-18 11:12:32 +08:00
# 自定义
2015-07-28 15:40:28 +08:00
2015-08-03 15:17:12 +08:00
- order: 4
2015-07-28 15:40:28 +08:00
2015-07-29 20:08:16 +08:00
自定义关闭按钮的样式和文字。
2015-07-28 15:40:28 +08:00
---
````jsx
import { Button, notification } from 'antd';
2015-07-28 15:40:28 +08:00
const close = function() {
2015-08-06 20:55:30 +08:00
console.log('我被默认的关闭按钮关闭了!');
};
2015-08-06 20:55:30 +08:00
const openNotification = function() {
const key = 'open' + Date.now();
const btnClick = function() {
2015-08-18 00:57:02 +08:00
// 隐藏提醒框
notification.close(key);
};
const btn = <Button type="primary" size="small" onClick={btnClick}>
2015-08-18 11:12:32 +08:00
自定义关闭按钮并触发回调函数
</Button>;
2015-08-06 15:19:45 +08:00
notification.open({
message: '这是标题',
description: '这是提示框的文案这是提示框示框的文案这是提示是提示框的文案这是提示框的文案',
2015-07-31 18:13:32 +08:00
btn: btn,
2015-08-18 00:57:02 +08:00
key: key,
2015-08-06 20:55:30 +08:00
onClose: close
2015-08-06 15:19:45 +08:00
});
2015-07-30 21:04:52 +08:00
};
2015-07-28 15:40:28 +08:00
2015-10-20 16:47:55 +08:00
ReactDOM.render(
2015-08-03 18:14:04 +08:00
<div>
<Button type="primary" onClick={openNotification}>打开通知提醒框</Button>
2015-08-03 18:14:04 +08:00
</div>,
mountNode);
2015-08-06 15:19:45 +08:00
````