如何在React Router v6导航栏用switch case实现页面跳转？

要在ReactJS中通过switch case语句实现页面跳转，或是在React Router v6的导航栏里结合switch case完成路由切换，核心是使用React Router v6提供的useNavigate钩子。

示例代码： #

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

function MuiNavbar() {
  let navigate = useNavigate();

  const handleTabSwitch = (value) => {
    setActiveTab(value);

    switch (value) {
      case 0:
        return navigate("/");
      case 1:
        return navigate("/learn");
      case 2:
        return navigate("/practise");
      case 3:
        return navigate("/play");
      default:
        return null;
    }
  };

  return ( .... )
}

内容的提问来源于stack exchange，提问作者Anirban Baisya