React-router v4 this.props.history.push(…)不工作

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

class MyComponent extends React.Component {
  handleClick = () => {
    this.props.history.push('/new-route');
  };

  render() {
    return (
      <button onClick={this.handleClick}>Go to New Route</button>
    );
  }
}

export default withRouter(MyComponent);

<Route path="/my-route" render={(props) => <MyComponent {...props} />} />

class MyComponent extends React.Component {
  state = {
    data: null,
  };

  componentDidMount() {
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => {
        this.setState({ data });
        this.props.history.push('/new-route');
      });
  }

  render() {
    return (
      <div>
        {this.state.data ? 'Data loaded' : 'Loading...'}
      </div>
    );
  }
}

class MyComponent extends React.Component {
  handleClick = () => {
    this.props.history.push('/new-route');
  };

  render() {
    return (
      <button onClick={this.handleClick}>Go to New Route</button>
    );
  }
}