1、页面引入
import { useNavigate } from "react-router-dom";
2、函数里面写
let nav = useNavigate(); //声明变量
3、根据底部导航栏来举例
{/* 底部导航栏 */} <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>
4、实现要跳转的页面
const shop = () => { nav(`classify`); }; const shops = () => { nav(`shop`); }; const per = () => { nav(`personal`); };