ant-design/components/badge/demo/link.md

28 lines
364 B
Markdown
Raw Normal View History

2016-03-31 09:40:55 +08:00
---
order: 5
title:
zh-CN: 可点击
en-US: Clickable
2016-03-31 09:40:55 +08:00
---
2015-09-01 13:59:07 +08:00
## zh-CN
2015-09-01 13:59:07 +08:00
用 a 标签进行包裹即可。
## en-US
The badge can be wrapped with `a` tag to make it linkable.
2019-05-07 14:57:32 +08:00
```jsx
import { Badge, Avatar } from 'antd';
2015-09-01 13:59:07 +08:00
2015-10-20 16:47:55 +08:00
ReactDOM.render(
2015-09-01 13:59:07 +08:00
<a href="#">
2015-11-04 18:00:14 +08:00
<Badge count={5}>
<Avatar shape="square" size="large" />
2015-09-01 13:59:07 +08:00
</Badge>
2018-06-27 15:55:04 +08:00
</a>,
2019-05-07 14:57:32 +08:00
mountNode,
2018-11-28 15:00:03 +08:00
);
2019-05-07 14:57:32 +08:00
```