位置“/”处的匹配叶路由没有元素

javascript node.js reactjs react-router

2022-08-30 05:32:00

位置“/”处的匹配叶路由没有元素。这意味着默认情况下，它将呈现具有空值的，从而导致“空”页面

//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;

**我的任何反应路由器相关代码不起作用，我不知道为什么当我开始在程序中插入一些路由时发生这种情况，所以它显示这个错误**

答案 1

在 V6 中，你不能再使用道具了。它被替换为支持：componentelement

<Route path="/" element={<Home />}></Route>

迁移文档中的详细信息。

答案 2

我遇到了同样的问题。将组件替换为元素，它就可以工作了。

替换此：

<Route path="/" component={HomePage} exact />

有了这个：

<Route path="/" element={<HomePage/>} exact />