React Router 6 在路由更改时卸载组件

Question

我在不同的反应路由器路由上使用相同的组件。有谁知道如何在路线更改时卸载组件？现在，当我更改路线时，组件不会卸载，这是我的示例： https: //codesandbox.io/s/stupefied-cloud-bxfyf ?file=/src/MyComponent.js

Answer 1

我们可以将密钥传递给组件来唯一标识组件

const routes = [
  {
    path: "/",
    element: <MyComponent key={1} />
  },
  {
    path: "two",
    element: <MyComponent key={2} />
  }
];