如何在反应路由器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。