没有匹配路径的路由答案

【问题标题】：No routes matched path没有匹配路径的路由
【发布时间】：2022-01-04 18:07:31
【问题描述】：

您好，我正在尝试为我的项目创建一个管理面板，我有这段代码，用于为用户和管理员呈现前端

<div className="App">
  <Router>
    <Routes>
      <Route path='/admin-panel' exact  element={<BackEnd/>} />
    </Routes>
    <Routes>
      <Route path="/" element={<FrontEnd />}></Route>
    </Routes>
  </Router>
</div>

在我的后端组件上我有这段代码

 <div>
        <Header />
        <div className='panel'>
            <SideBar />
            <Routes>
                <Route path='admin-panel/add-product/' element={<AddProduct/>} />
            </Routes>
        </div>
    </div>

所以我想在我点击侧边栏列表时创建以呈现我的页面，例如我的 AddProduct 视图，

非常感谢；

【问题讨论】：

标签： reactjs react-router

【解决方案1】：

如果Backend 正在渲染嵌套子路由，则父路径需要指定它可以匹配嵌套路由。使用* 通配符。

<div className="App">
  <Router>
    <Routes>
      <Route path='/admin-panel/*' element={<BackEnd/>} />
      <Route path="/" element={<FrontEnd />} />
    </Routes>
  </Router>
</div>

【讨论】：

非常感谢，抱歉回复晚了，因为没看到，再次感谢