☰

場所「/」の一致したリーフルートに要素がありません 質問する

tag-icon • tag-icon javascript node.js reactjs react-router
場所「/」の一致したリーフルートに要素がありません 質問する

場所「/」の一致したリーフルートには要素がありません。つまり、デフォルトで null 値でレンダリングされ、「空」のページになります。

//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ルーター関連のコードが機能していません。プログラムにルートを挿入し始めるとなぜこのエラーが表示されるのかわかりません。

ベストアンサー1

V6 では、このcomponentプロップは使用できなくなりました。代わりに次のプロップが使用されましたelement:

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

詳細は移行ドキュメント。

おすすめ記事