react router v6遇到问题 Cannot read properties of undefined (reading ‘pathname‘)

い散落漫天回忆ぎ碎片げ

已于 2024-10-31 12:24:22 修改

阅读量389

点赞数 5

分类专栏： react router 文章标签： react.js javascript 前端

于 2024-10-31 00:41:38 首次发布

本文链接：https://blog.csdn.net/qq_45042295/article/details/143378354

版权

react router 专栏收录该内容

2 篇文章

订阅专栏

import {
    Router, Route,
    Routes
} from 'react-router'
export default class App extends React.Component {
    render() {
        return (
            <Router>
                {/* Routes只匹配其中一个 */}
                <Routes>
                    <Route path='/' element={<Admin />}></Route>
                    <Route path='/login' element={<Login />}></Route>
                </Routes>
            </Router>
        )
    }
}

出现的问题是使用了v6的Router标签，后面我重新下载了react-router-dom 然后将代码改为如下后解决。

import {
    BrowserRouter,
    Routes,
    Route,
} from "react-router-dom";
export default class App extends React.Component {
    render() {
        return (
            <BrowserRouter>
                {/* Routes只匹配其中一个 */}
                <Routes>
                    <Route path='/' element={<Admin />}></Route>
                    <Route path='/login' element={<Login />}></Route>
                </Routes>
            </BrowserRouter>
        )
    }
}