为什么我的 Route Redux 代码会出错？

Question

我在代码中找不到我的错误。谁能给我解释一下。

测试： Nav:' 应该呈现在路径“/”上。 “Home”组件应该只在路径“/”上呈现 “主页”组件不应显示在任何其他路由中路由“/product/:id”应该只显示组件 ProductDetail' 路由“/products/create 应该只显示 CreateProduct 组件” 感谢您的帮助

我的代码：

import { Route, useParams } from 'react-router-dom';
import CreateProduct from './components/CreateProduct/CreateProduct.jsx';
import ProductDetail from './components/ProductDetail/ProductDetail.jsx';
import Home from './components/Home/Home.jsx';
import Nav from './components/Nav/Nav.jsx';function App() {
  return ( 
   <div className="App">
            <Nav />
                <Route exact path='/' render={Home} />
                <Route exact path='/product/:Id' render={ProductDetail} />
                <Route exact path='/products/create' render={CreateProduct} />
      </div>
  );
}

Answer 1

我认为你应该用 <Routes>

包裹你的路线

Answer 2

第一件事你需要用浏览器路由器包装你的路由，如果你使用的是 V6，则不需要使用

“完全正确”

查看 V6 的这个 https://reactrouter.com/docs/en/v6/getting-started/tutorial

和 V5 https://v5.reactrouter.com/web/guides/quick-start

Answer 3

在路由和 BrowseRouter 中包裹路由标签，也可以使用元素而不是渲染，具体取决于您使用的 react-router 版本。

并尝试在其他组件（如 Home 和 ProductDetail）中使用 nav 组件，这样该组件只包含路由，使事情变得简单一些。

为什么我的 Route Redux 代码会出错？

Why am I getting an error in my Route Redux code?

javascript

routes

jsx

nav

reactjs