当前位置: 首页 > 知识库问答 >
问题:

browserHistory.push()和context.router.push()之间有什么不同

戚勇
2023-03-14

我正在学习React Route来帮助我构建一个应用程序,在成功登录后可以从登录页面重定向到主页。

我在这里阅读了官方教程:https://github.com/reactjs/react-router-tutorial/tree/master/lessons/12-navigating

在本课中,他们介绍了两种以编程方式导航的方法,即browserHistory和context.route。他们说browserHistory有一个潜在的问题:

若您向路由器传递的历史记录与此处使用的不同,那个么它将无法工作。使用browserHistory以外的任何东西都不是很常见,所以这是可以接受的做法。

如果您向路由器传递的历史记录与此处使用的不同,您能给我一个关于什么是的示例吗

我在应用程序中尝试了这两种方法,但没有发现任何区别。谢谢!

共有1个答案

施茂
2023-03-14

这是一个相当古老的教程。我建议大家看一下react路由器的官方文档。

您提供的示例使用browserHistory实例直接调用history api方法。如果您将react router配置为使用浏览器历史记录,这将起作用,但有不同的历史记录类型(哈希历史记录、内存历史记录等),甚至可能有多个browserHistory实例。虽然所有不同的历史记录类型都支持推送方法,但如果最初将react router配置为使用哈希历史记录,但在组件中导入浏览器历史记录,则推送调用将无法工作,因为您的路由器未配置为侦听该浏览器历史记录实例。

虽然您可以使用上下文来获取路由器实例,但更干净的方法是使用withRouter HOC将路由器实例作为道具注入到组件中。然后,您可以调用router.push,而不必担心正在使用哪种历史记录。

你可以在这里阅读更多关于历史的内容

 类似资料:
  • 问题内容: 在此示例中: 无法编译为: 而被编译器接受。 这个答案说明唯一的区别是,与不同,它允许您稍后引用类型,似乎并非如此。 是什么区别,并在这种情况下,为什么不第一编译? 问题答案: 通过使用以下签名定义方法: 并像这样调用它: 在jls§8.1.2中,我们发现(有趣的部分被我加粗了): 通用类声明定义了一组参数化类型(第4.5节), 每种可能通过类型arguments调用类型参数节的类型

  • angularjs中的和有什么不同?

  • 问题内容: 今天,我按照一些说明在Linux中安装软件。有一个脚本需要首先运行。它设置一些环境变量。 指令告诉我要执行,但是我执行错误了。因此未设置环境。最后,我注意到了这一点并继续进行。 我想知道这两种调用脚本方法的区别。我对Linux完全陌生,所以请尽可能详细。 问题答案: 运行脚本,将启动一个新的运行脚本的外壳。新的外壳程序不会影响启动脚本的父外壳程序。 是的简写形式,它将在当前shell中

  • 问题内容: 我刚开始使用Spring。我遇到了很多教程。我看到使用更多的例子比。我查看了Spring文档,但无法弄清楚使用其中一个的好处。有人可以提供一些解释吗? 问题答案: 是的便捷子类。 JavaDoc描述了一些添加的属性,这些属性在某些情况下可能有用: UrlBasedViewResolver的便利子类,它支持InternalResourceView(即Servlet和JSP)以及诸如Jst

  • 问题内容: 我刚刚看到了包含标签的CSS代码。我看着MDN看看是什么,但我真的不明白。 有人可以解释它是如何工作的吗? 它会在我们通过CSS选择之前创建DOM元素吗? 问题答案: 根据这些文档,它们是等效的: 唯一的区别是CSS3中使用了双冒号,而单冒号是旧版本。 推理: CSS 3中引入了:: before表示法,以便在伪类和伪元素之间建立区别。浏览器还接受:在CSS 2中引入的表示法。

  • 问题内容: 以下哪个更好? 要么 我知道的唯一区别是,当“ a”为null时,第一个返回false,而第二个抛出异常。除此之外,它们是否总是给出相同的结果? 问题答案: 使用时,你需要B在编译时知道类。使用时可以是动态的,并且可以在运行时更改。