我的猜测是您的组件会重新渲染，因为prop当您进行路由器推送时，您所做的更改中的某些内容。我怀疑它可能是 的action或key属性prop.location。您始终可以prop在每次渲染期间检查 的所有值以查看发生了哪些变化。

您可以通过将旧路由路径与shouldComponentUpdate生命周期方法中的新路径进行比较来解决此问题。如果它没有改变，你就在同一条路线上，你可以通过返回来阻止重新渲染false。在所有其他情况下，返回true。默认情况下，这始终返回 true。

shouldComponentUpdate: function(nextProps, nextState) {
  if(this.props.route.path == nextProps.route.path) return false;
  return true;
}

您必须进行进一步检查，因为这也将阻止您的组件更新state组件内的更新，但我想这将是您的起点。

shouldComponentUpdate在官方react 文档页面上阅读更多信息。

当您确定转换到新的 props 和 state 不需要组件更新时，可以使用这个作为返回 false 的机会。

我有同样的问题，我找到了（愚蠢的）解决方案。

您只有一个<button>（默认按钮是type=submit）或类似的东西（表单、提交......等），就像 html 一样重新加载页面<form method=GET ...>。

在您的代码中检查它，然后将其删除。

PD： _k=somethingRandom> 这只是您在表单中发送的值输入（或按钮）。

我会试一试...

如果您登陆这里并希望更改您的 URL（例如出于共享目的），那么RR 文档已经提供了所描述的解决方案。只要确保您不使用组件内的历史记录（即this.props.history.push()），因为您将（如预期）路由到目标。但是，您可以访问your浏览器历史记录，而不会干扰组件的history.

以下仅在 Chrome 上测试

// history.js
import { createBrowserHistory } from 'history'
export default createBrowserHistory()

然后从你的 XYZ 组件

// XYZ.js
import React from 'react';
import history from './history'

class XYZ extends React.Component {
    _handleClick() {
        // this should not cause rerender and still have URL change 
        history.push("/someloc");
    }
    render() {
        return(
          <button onClick={this._handleClick.bind(this)}>test </button>
        )
    }
}

希望它可以帮助别人。

我认为更简单的解决方法可能是用我们自己的路线替换路线

import { Route, withRouter } from "react-router-dom";

function MyRoute({ key, path, exact, component: Component, history }) {
  let lastLocation = null;
  return (
    <Route
      key={key}
      path={path}
      exact={exact}
      render={(props) => {
        history.listen((location) => {
          lastLocation = location;
        });

        // monkey patching to prevent pushing same url into history stack
        const prevHistoryPush = history.push;
        history.push = (pathname, state = {}) => {
          if (
            lastLocation === null ||
            pathname !==
              lastLocation.pathname + lastLocation.search + lastLocation.hash ||
            JSON.stringify(state) !== JSON.stringify(lastLocation.state)
          ) {
            prevHistoryPush(pathname, state);
          }
        };
        return <Component {...props} />;
      }}
    />
  );
}

export default withRouter(MyRoute);

我们使用它作为 react-router-dom 实际路由的包装器，它对我来说非常有效。更多请参考这里