我在代码中找不到我的错误。有人可以向我解释一下。

测试：Nav:' 应该呈现在路径“/”上。 “Home”组件应仅在路径“/”上呈现 “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>
  );
}