当前位置: 首页 > 面试题库 >

反应路由器不显示浏览器历史记录

松和安
2023-03-14
问题内容

我正在从本教程中学习,但始终收到此错误:

“ react-router”不包含名为“ browserHistory”的导出。

具有react-router的文件是这样的:

import React from 'react';
import ReactDOM from 'react-dom';
import { Router, browserHistory } from 'react-router';
import routes from './routes';

ReactDOM.render(
  <Router history={browserHistory} routes={routes} />, 
  document.getElementById('root')
);

问题答案:

您现在需要browserHistory从历史记录模块中获取。

import createHistory from 'history/createBrowserHistory'

请注意,他们最近更改了模块API,因此,如果您使用的是最新版本,则导入会稍有变化:

import { createBrowserHistory } from 'history'


 类似资料:
  • 似乎有一些关于使用什么的混淆:

  • 我有一个小小的React应用程序项目,我已经在Github中部署了它。它的工作原理,甚至我使用导入{浏览器路由器,链接,交换机,路由}从"react-router-dom";路由和作品...这是我的代码:类应用程序扩展反应。组件{ render(){ } }导出默认应用程序;' 我在本地机器上使用过这个,没有“basename”,并且工作过。现在,在github服务器中,我的问题是,当您访问我的应

  • 问题内容: 我在网站上使用ajax。 如果用户输入查询并选择类别,我将使用ajax更新结果页面。我还用哈希值更新了url,该值显示了以分隔的查询和类别。 我想要的是,当按下浏览器的后退按钮时,我希望不重新加载就显示以前的结果。我得到的是该URL具有先前的值,但结果未更新。 问题答案: 您可以使用:“ Yahoo! UI库:浏览器历史记录管理器 ”

  • 我是React的初学者,遇到了一些问题。我正在使用服务器渲染并使用express作为服务器,收到一条错误消息:错误:不变量失败:浏览器历史记录需要DOM。我已经检查了来自不同站点的fro解决方案,并应用了它们的解决方案,但在应用不同的解决方案时会出现不同的错误。如前所述,我收到一个错误:TypeError:无法读取未定义的属性'location',为此,我通过从'react Router dom'

  • 单击任何NavLink或Link后,它总是打开PageNotFound组件。

  • 考虑以下事项: 我有一个应用模板,一个HeaderTemboard,和参数化的路由集与相同的处理程序(在应用模板)。我希望在没有找到东西的时候能够服务404路线。例如, /CA/SanFrancisco应该由区域查找和处理,而 /SanFranciscoz应该是404。 下面是我如何快速测试路线的。 问题是 /SanFranciscoz总是由区域页面处理,但我希望它是404。此外,如果我向第一个路