获取错误 TypeError:使用 React-router 时未定义历史记录

高拉夫·坎帕尔

我是 React 的新手。当我开始在 React 中使用路由时,我遇到了一个错误,即TypeError: history is undefined

我的代码是。

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import Login from './components/login/Login';
import registerServiceWorker from './registerServiceWorker';
import { Router, Route, browserHistory } from 'react-router'

ReactDOM.render(
  <Router history={browserHistory}>
    <Route path="/" component={App}>

    </Route>
    <Route path="/login" component={Login} />
  </Router>
  ,
  document.getElementById('root')
);
registerServiceWorker();
维托马迪奥

检查您的反应版本,我认为 browserHistory 不适用于版本 4,您必须改用“react-router-dom”并导入 BrowserRouter,然后像这样设置您的路线:

<BrowserRouter>
    <Switch>
        <Route exact path="/" render={props => <App {...props} /> } />
        <Route path="/login" render={props => <Login {...props} /> } />
    </Switch>
</BrowserRouter>

希望能帮助到你。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

React Router-未定义的历史记录

来自分类Dev

在React-Router 2.0.0中使用自定义历史记录的问题

来自分类Dev

在React-Router 2.0.0中使用自定义历史记录的问题

来自分类Dev

如何使用指定了默认自定义钩子的组件接口访问React Router历史记录对象

来自分类Dev

在React Router中,使用浏览器历史记录推送时如何传递路由参数?

来自分类Dev

React Router - 从路由器参考中获取历史记录

来自分类Dev

使用React Router和Webpack获取异步组件时未定义this.props.children

来自分类Dev

React Router触发具有历史记录的路由

来自分类Dev

TypeError:从react-router使用useParams时无法读取未定义的属性'match'

来自分类Dev

使用React Router刷新浏览器历史记录会返回来自我的API的调用

来自分类Dev

React / Router / MemoryRouter-如何传递历史记录属性并在子组件中使用push()?

来自分类Dev

在我的情况下执行React Router历史记录推送时如何滚动到页面

来自分类Dev

在我的情况下执行React Router历史记录推送时如何滚动到页面

来自分类Dev

在react-router-dom中返回时浏览器历史记录不起作用

来自分类Dev

在 React 中获取 Rocketchat 历史记录

来自分类Dev

使用window.history.pushState函数时,无法在“历史记录”错误上执行“ pushState”

来自分类Dev

指定未定义的路由时,如何使React Router直接进入我的错误页面?

来自分类Dev

删除React-Router浏览器历史记录更改侦听器

来自分类Dev

添加历史记录后,React-Router不会呈现组件

来自分类Dev

react-router v2.0浏览器历史记录不起作用

来自分类Dev

React Router浏览器历史记录无法正常工作

来自分类Dev

如何在React Router v5中推送到历史记录?

来自分类Dev

如何在React-Router中用历史记录替换链接组件行为

来自分类Dev

React Router-在父级上渲染后恢复历史记录

来自分类Dev

在动作中推送历史记录 react-router v4 不导航

来自分类Dev

渲染函数中的错误:“TypeError:无法读取未定义的属性”,使用 Vuex 和 Vue Router

来自分类Dev

在Windows中使用python获取重启历史记录

来自分类Dev

使用http包获取请求历史记录

来自分类Dev

如何使用C ++获取IE历史记录

Related 相关文章

  1. 1

    React Router-未定义的历史记录

  2. 2

    在React-Router 2.0.0中使用自定义历史记录的问题

  3. 3

    在React-Router 2.0.0中使用自定义历史记录的问题

  4. 4

    如何使用指定了默认自定义钩子的组件接口访问React Router历史记录对象

  5. 5

    在React Router中,使用浏览器历史记录推送时如何传递路由参数?

  6. 6

    React Router - 从路由器参考中获取历史记录

  7. 7

    使用React Router和Webpack获取异步组件时未定义this.props.children

  8. 8

    React Router触发具有历史记录的路由

  9. 9

    TypeError:从react-router使用useParams时无法读取未定义的属性'match'

  10. 10

    使用React Router刷新浏览器历史记录会返回来自我的API的调用

  11. 11

    React / Router / MemoryRouter-如何传递历史记录属性并在子组件中使用push()?

  12. 12

    在我的情况下执行React Router历史记录推送时如何滚动到页面

  13. 13

    在我的情况下执行React Router历史记录推送时如何滚动到页面

  14. 14

    在react-router-dom中返回时浏览器历史记录不起作用

  15. 15

    在 React 中获取 Rocketchat 历史记录

  16. 16

    使用window.history.pushState函数时,无法在“历史记录”错误上执行“ pushState”

  17. 17

    指定未定义的路由时,如何使React Router直接进入我的错误页面?

  18. 18

    删除React-Router浏览器历史记录更改侦听器

  19. 19

    添加历史记录后,React-Router不会呈现组件

  20. 20

    react-router v2.0浏览器历史记录不起作用

  21. 21

    React Router浏览器历史记录无法正常工作

  22. 22

    如何在React Router v5中推送到历史记录?

  23. 23

    如何在React-Router中用历史记录替换链接组件行为

  24. 24

    React Router-在父级上渲染后恢复历史记录

  25. 25

    在动作中推送历史记录 react-router v4 不导航

  26. 26

    渲染函数中的错误:“TypeError:无法读取未定义的属性”,使用 Vuex 和 Vue Router

  27. 27

    在Windows中使用python获取重启历史记录

  28. 28

    使用http包获取请求历史记录

  29. 29

    如何使用C ++获取IE历史记录

热门标签

归档