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

order	title
5	zh-CN en-US 可点击 Clickable

zh-CN

用 a 标签进行包裹即可。

en-US

The badge can be wrapped with a tag to make it linkable.

import { Avatar, Badge } from 'antd';
import React from 'react';

const App: React.FC = () => (
  <a href="#">
    <Badge count={5}>
      <Avatar shape="square" size="large" />
    </Badge>
  </a>
);

export default App;