【问题标题】:window.location.href vs redirect utility of react-router-domwindow.location.href 与 react-router-dom 的重定向实用程序
【发布时间】:2019-01-13 18:15:24
【问题描述】:

我使用 React 和 React Router 编写了 webapp。

使用 window.location.href 重定向与使用通过 react-router 提供的组件有什么优缺点吗?

【问题讨论】:

  • window.location.href 将完全重新加载浏览器,但使用history.pushhistory.replaceLink 组件不会导致浏览器刷新。

标签: reactjs react-router-v4


【解决方案1】:

如果您不想重新加载浏览器窗口,请使用history.push('/page-name'),如果您想重新加载,请使用 window.location.href。通常在使用 React Router 时,默认行为是使用更具体的 history.push (this.props.history.push('/page-name'),因为应用程序的其余导航已经使用 React Route 的 <Link>,它具有相同的效果。

【讨论】:

  • 嗨@okapoor。我的anwser解决了你的问题吗?希望你能选择它作为回应:)
【解决方案2】:

React-Router 提供了一个接口,可以通过修改history 或使用Redirect component 来更改URL。

React-Router 接口比仅仅操作window.location.href 更具表现力。我认为使用 React-Router 的主要优点是增加了功能、抽象和更简洁的界面。不知道有什么真正的性能差异。

【讨论】:

    猜你喜欢
    • 2022-06-24
    • 2019-06-28
    • 2018-02-04
    • 2019-02-05
    • 2023-03-22
    • 2022-08-08
    • 1970-01-01
    • 2020-11-02
    • 1970-01-01
    相关资源
    最近更新 更多