TypeError：无法读取未定义的属性“路径名”答案

【问题标题】：TypeError: Cannot read property 'pathname' of not definedTypeError：无法读取未定义的属性“路径名”
【发布时间】：2021-12-29 16:24:15
【问题描述】：

我不明白问题出在哪里

App.js

import React from 'react'
import {Router, Route} from 'react-router-dom';
import Header from './components/Header';
import Home from './views/Home.js'
import Register from './views/Register.js'

const App = () => {
  return (
    <Router>
      <Header/>
      <Route path="/register" component={Register} />
      <Route path="/" component={Home} exact />
    </Router>
  );
}

export default App;

TypeError: 无法读取未定义的属性“路径名”

  278 | }
  279 | 
  280 | let {
> 281 |   pathname = "/",
      | ^  282 |   search = "",
  283 |   hash = "",
  284 |   state = null,

【问题讨论】：

试试thisBrowserRouter，也可以在Router中包含Switch。

标签： reactjs react-router

【解决方案1】：

试试这个。添加 Switch 组件。

import React from 'react'
import { Router, Route, Switch } from 'react-router-dom'
import Header from './components/Header'
import Home from './views/Home.js'
import Register from './views/Register.js'

const App = () => (
  <Router>
    <Header />
    <Switch>
      <Route path="/register" component={Register} />
      <Route path="/" component={Home} exact />
    </Switch>
  </Router>
)

export default App

【讨论】：