javascript - 位置 "/"的匹配叶路由没有元素

Question

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

//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 路由器相关代码都不起作用我不知道为什么当我开始在程序中插入一些路由时会发生它所以它显示这个错误**

Answer 1

在 V6 中，您不能使用 component Prop 了。它被替换为element :

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

更多信息请访问 migration doc .