小编Noo*_*een的帖子

正如标题所述，我曾经有一个带有状态组件的页面，该组件根据 url 的更改获取不同的 props。

现在，升级到React Router v6，我真的不明白如何让它再次工作。我确实知道现在解决这个问题的唯一方法是使用诸如 useNavigate 之类的钩子，但我不知道如何在我的代码中实现这一点。我已阅读react-router v6文档，但仍然不明白如何解决我的问题。

请参见以下代码。代码从子组件开始排序，直到index.tsx。组件非常广泛，基本上是一个从 props 获取状态的 statful 组件。并根据给定的道具，它会相应地显示其内容。

请问有人可以为我的设置提出解决方案吗？

计算器页.tsx

import Calculator from "../components/Calculator";
import { Route, Routes } from "react-router";
import { Link } from "react-router-dom";

import { FlowrateCalc } from "../calc/calculators/FlowrateCalc";
import { ValveKvsCalc } from "../calc/calculators/ValveKvsCalc";
import { AccelerationCalc } from "../calc/calculators/AccelerationCalc";

export default function CalculatorPage() {
  return (
    <div>
      {/* when changing links, there is no props being sent to Calculator. Calculator is a STATEFUL component*/}
      <Routes>
        <Route
          path={"flow"} …