下载“react-router-dom” 里面没有Routes

Question

为什么最新的“react-router-dom”版本，下载的node_modules里面没有Routes？？

Answer 1

让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言

问题解答： 首先需要明确的是，React Router 6 版本取消了 Routes 和 Route 组件的使用，取而代之的是 Routes 和 Route 字符串数组的使用，这也是最新版本的 react-router-dom 中没有 Routes 的原因。 具体来说，React Router 6 版本中，我们可以通过一个 Routes 组件来渲染多个 Route 组件，Routes 可以接收一个数组参数，数组中的每个元素代表一个 Route 组件。例如：

import { Routes, Route } from 'react-router-dom';
function App() {
  return (
    <Routes>
      <Route path="/" element={<Home />} />
      <Route path="/about" element={<About />} />
    </Routes>
  );
}

在上面的代码中，我们通过 Routes 组件渲染了两个 Route 组件，分别匹配路径为 "/" 和 "/about" 的 URL。 需要注意的是，React Router 6 版本中，Route 组件的属性也有所变化，主要是将原先的 component 属性改成了 element 属性，例如上述代码中的 element={}。 因此，如果你想在 React Router 6 版本中使用 Routes 和 Route，可以直接通过 npm 安装最新版本的 react-router-dom，然后按照上述方式使用即可。 参考代码：

import { Routes, Route } from 'react-router-dom';
function App() {
  return (
    <Routes>
      <Route path="/" element={<Home />} />
      <Route path="/about" element={<About />} />
    </Routes>
  );
}