位置“/”的匹配叶路由没有元素。这意味着默认情况下它将呈现一个空值,从而导致一个“空”页面
//App.js File
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import Home from './pages/Home';
// import ReactDOM from "react-dom";
const App = () => {
return (
<Router >
<Routes>
<Route path="/" component={ Home }></Route>
</Routes>
</Router>
)
}
export default App;
**我的任何 react 路由器相关代码都不起作用我不知道为什么当我开始在程序中插入一些路由时会发生它所以它显示这个错误**
最佳答案
在 V6 中,您不能使用 component
Prop 了。它被替换为element
:
<Route path="/" element={<Home />}></Route>
更多信息请访问 migration doc .
关于javascript - 位置 "/"的匹配叶路由没有元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69854011/