ant-design/components/alert/demo/closable.md

28 lines
688 B
Markdown
Raw Normal View History

2015-07-29 17:22:36 +08:00
# 可关闭的警告提示
- order: 2
2015-07-29 17:22:36 +08:00
显示关闭按钮,点击可关闭警告提示。
---
````jsx
import { Alert } from 'antd';
2015-07-29 17:22:36 +08:00
const onClose = function (e) {
2015-07-29 18:44:56 +08:00
console.log(e, '我要被关闭啦!');
};
2015-10-20 16:47:55 +08:00
ReactDOM.render(<div>
2015-07-29 18:44:56 +08:00
<Alert message="警告提示的文案"
type="warn"
closable
onClose={onClose} />
2015-07-30 11:20:14 +08:00
<Alert message="错误提示的文案"
description="错误提示的辅助性文字介绍错误提示的辅助性文字介绍错误提示的辅助性文字介绍错误提示的辅助性文字介绍错误提示的辅助性文字介绍错误提示的辅助性文字介绍"
2015-07-29 18:44:56 +08:00
type="error"
closable
onClose={onClose} />
</div>, mountNode);
2015-10-20 16:47:55 +08:00
````