antd中如何进行导航

在antd中进行导航可以使用Menu组件。首先在页面中引入Menu组件，然后定义菜单数据，最后在Menu组件中渲染菜单数据。示例代码如下：

import { Menu } from 'antd';

const menuData = [
  {
    key: 'home',
    title: '首页',
    path: '/home',
  },
  {
    key: 'products',
    title: '产品',
    path: '/products',
  },
  {
    key: 'about',
    title: '关于我们',
    path: '/about',
  },
];

function Navigation() {
  return (
    <Menu theme="dark" mode="horizontal" defaultSelectedKeys={['home']}>
      {menuData.map(item => (
        <Menu.Item key={item.key}>
          <Link to={item.path}>{item.title}</Link>
        </Menu.Item>
      ))}
    </Menu>
  );
}

在上面的代码中，我们首先定义了一个名为menuData的菜单数据，其中包含了三个菜单项，分别是首页、产品和关于我们。然后在Navigation组件中引用Menu组件，并利用map函数将菜单数据渲染到菜单项中。其中，Link组件用于将菜单项链接到对应的页面。最后我们设置了默认选中的菜单项为首页。