如何从反应路由器 v6 返回反应路由器 v5 用于嵌套仪表板？

【问题标题】：How to go back to react router v5 from react router v6 for nested dashboard?如何从反应路由器 v6 返回反应路由器 v5 用于嵌套仪表板？
【发布时间】：2022-01-05 14:12:19
【问题描述】：

我需要回去学习旧的嵌套路由教程，但我从 v6 开始

import {
  BrowserRouter as Router,
  Route,
  Routes,
  useNavigate
} from "react-router-dom";
import ReactDOM from "react-dom";

const Dash = () => {
    const navigate = useNavigate();
    return (
    <div>
        <h1>Dash</h1>
        <button onClick={() => navigate("/makeAdmin")}>Make Admin</button>
    </div>
)};

【问题讨论】：

标签： reactjs react-router

【解决方案1】：

卸载当前版本的react-router-dom

npm uninstall -s react-router-dom 或 npm un -s react-router-dom
安装特定的 v5 版本

npm install -s react-router-dom@5.3.0 或 npm i -s react-router-dom@5.3.0

更新代码以使用 v5 组件。

import {
  BrowserRouter as Router,
  Route,
  Switch, // was Routes
  useHistory, // was useNavigate
} from "react-router-dom";
import ReactDOM from "react-dom";

const Dash = () => {
  const history = useHistory();
  return (
    <div>
      <h1>Dash</h1>
      <button onClick={() => history.push("/makeAdmin")}>
        Make Admin
      </button>
    </div>
  );
};

【讨论】：