javascript - 如何在不重新加载的情况下在 react 路由器 v4 中推送路由

Question

我试图在选项卡单击时执行转换，但我不希望重新加载完整的应用程序。我正在使用 Ant 设计标签

这是我的代码片段

<Tabs activeKey={activeKey} onChange={props.onTabChange}>
  {tabs.map(tab => <TabPane tab={tab.name} key={tab.key} />)}
</Tabs>

onChange 回调

onTabChange = activeKey => {
  const url = `/${activekey}`;
  history.push(url);
  ...
};

但这会导致我不想要的完整应用程序重新加载。我试过 Link 但没有成功。我已经浏览过 React router change url without page reload但也不清楚问题链接是 2 年前的可能是某种方式。

Answer 1

看起来您正在使用 windows.history (全局浏览器 history 变量)。此 将导致重新加载。

您应该使用 this.props.history .