从React.Component内重定向

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

class MyComponent extends React.Component {
  render() {
    if (condition) {
      return <Redirect to="/new-page" />;
    } else {
      return <div>Content of the component</div>;
    }
  }
}

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

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

  render() {
    return (
      <div>
        <button onClick={this.handleClick}>Redirect</button>
      </div>
    );
  }
}

export default withRouter(MyComponent);