Function NavBar

src/Components/TopBar/NavBar/NavBar.jsx:26–70

()

}

export default function NavBar() {
    const navItems = [
        {
            name: "首页",
            path: "/",
        }, {
            name: "申请季数据汇总",
            path: "/datapoints",
        }, {
            name: "项目信息表",
            path: "/programs",
        }, {
            name: "经验分享帖",
            path: "/posts",
        }, {
            name: "帮助中心",
            path: "/FAQ",
        }
    ]
    const routeMatch = useRouteMatch(navItems.map((item) => item.path));
    const currentTab = routeMatch ?? false;

    if (!useUser()) {
        return null;
    }
    return (
        <Tabs
            value={currentTab}
            variant="scrollable"
            scrollButtons
            allowScrollButtonsMobile
            role="navigation"
        >
            {navItems.map((item, index) => (
                <Tab
                    key={index}
                    label={item.name}
                    value={item.path}
                    to={item.path}
                    component={Link}
                />
            ))}
        </Tabs>
    );
}