Как протолкнуть маршрут без перезагрузки в реакции маршрутизатора v4

Question

Я пытался выполнить переход по нажатию вкладки, но не хочу, чтобы приложение полностью перезагружалось.Я использую вкладки Ant Design

Вот мой фрагмент кода

<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, но безуспешно.Я просмотрел Реагирует на изменение URL-адреса маршрутизатора без перезагрузки страницы , но не получил ясности, также ссылка на проблему, возникшая 2 года назад, может быть как-то обходной.

Answer 1

Похоже, вы используете windows.history (глобальная переменная браузера history).Это вызовет перезагрузку.

Вы должны использовать this.props.history.