react 实现页面跳转

import { useNavigate } from "react-router-dom";

let nav = useNavigate(); //声明变量

 {/* 底部导航栏 */}
      <div>
        <Tabbar value={name}>
          <Tabbar.Item name="home" icon={<HomeO />}>
            首页
          </Tabbar.Item>
          <Tabbar.Item
            name="search"
            onClick={() => {
              shop();
            }}
            icon={<Qr />}
          >
            分类
          </Tabbar.Item>
          <Tabbar.Item
            name="firends"
            onClick={() => {
              shops();
            }}
            icon={<ShoppingCartO />}
          >
            购物车
          </Tabbar.Item>
          <Tabbar.Item
            name="setting"
            onClick={() => {
              per();
            }}
            icon={<Contact />}
          >
            个人中心
          </Tabbar.Item>
        </Tabbar>
      </div>

const shop = () => {
    nav(`classify`);
  };
  const shops = () => {
    nav(`shop`);
  };
  const per = () => {
    nav(`personal`);
  };