Reactjs 迁移到React Router Dom v6后，我是否错误地使用了Link组件

这有点令人困惑，我不能肯定地说why是这种情况，但似乎你的RRDv6Sandbox 中的链接是"重定向"而不是正常的推送.添加replace={false}到你的链接似乎产生预期和期望的行为.

另外请注意，在其他锚标记中嵌套锚标记是无效的.

import * as React from "react";
import { Route, Routes, Link, useLocation } from "react-router-dom";

import "./styles.css";

export default function App() {
  return (
    <div className="App">
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/projects" element={<Project />} />
      </Routes>
    </div>
  );
}

const Home = () => {
  const linkData = { pathname: "/projects", state: { project: "A" } };

  return (
    <div>
      <h1>Home</h1>

      <Link to={linkData.pathname} state={linkData.state} replace={false}>
        Project A
      </Link>
    </div>
  );
};

const Project = () => {
  const location = useLocation();
  const project = location.state?.project;

  const linkToA = { pathname: "/projects", state: { project: "A" } };
  const linkToB = { pathname: "/projects", state: { project: "B" } };

  const linkToUse = project === "A" ? linkToB : linkToA;

  return (
    <div>
      <h1>Project</h1>

      <h2>The project is {project}</h2>

      <Link to={linkToUse.pathname} state={linkToUse.state} replace={false}>
        Go to {project === "A" ? "B" : "A"}
      </Link>
    </div>
  );
};