在React路由器上强制更新`this.props.location.search`

import React from 'react';
import { withRouter } from 'react-router-dom';

class MyComponent extends React.Component {
  handleButtonClick = () => {
    // 修改查询参数
    const newSearch = '?page=2';
    this.props.history.push({
      search: newSearch
    });

    // 强制更新
    this.forceUpdate();
  }

  render() {
    return (
      <div>
        <button onClick={this.handleButtonClick}>更新查询参数</button>
        <p>当前查询参数：{this.props.location.search}</p>
      </div>
    );
  }
}

export default withRouter(MyComponent);