位置“/”处的匹配叶路由没有元素。这意味着默认情况下它将呈现一个空值,从而导致“空”页面
//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;
我的任何反应路由器相关代码都不起作用,我不知道为什么当我开始在程序中插入一些路由时会发生这种情况,因此它显示此错误
在 V6 中,您不能使用component
不再支撑了。它被替换为有利于element
:
<Route path="/" element={<Home />}></Route>
更多信息在迁移文档.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)