reactjs 如何在react-router-dom中创建路由?I got an error component is not define [已关闭]

1szpjjfi  于 2023-01-04  发布在  React
关注(0)|答案(1)|浏览(152)

这个问题是由打字错误或无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic,但这个问题的解决方式不太可能帮助未来的读者。
18小时前关门了。
Improve this question

import Home from './components/Home';
import { Routes, Route, Router} from "react-router-dom";
import Products from './components/Products';
<Router>
 <Routes>

 <Route exact path="/"  element={component={Home}} />
<Route exact path="/products"  element={component={Products}} />

 </Routes>
 </Router>

我尝试了每一种方法,但无法解决这个问题。请帮助我解决这个错误。

t9aqgxwy

t9aqgxwy1#

我认为问题出在element={component={Home}}。假设你使用的是最新的react-router-dom。语法是element={}。你的代码应该看起来像这样:

import Home from './components/Home';
import { Routes, Route, Router} from "react-router-dom";
import Products from './components/Products';
<Router>
 <Routes>

 <Route exact path="/"  element={<Home/>} />
<Route exact path="/products"  element={<Products/>} />

 </Routes>
 </Router>

如果你是最新的react-router-dom,那么你不需要把所有东西都 Package 在组件里面,你可以把它去掉。

相关问题