如何通过更改组件的状态来更改组件的URL？

npm install react-router-dom

yarn add react-router-dom

import { BrowserRouter as Router, Route, Link } from 'react-router-dom';

render() {
  return (
    <Router>
      <div>
        <Route path="/home" component={Home} />
      </div>
    </Router>
  );
}

render() {
  return (
    <Router>
      <div>
        <Link to="/home">Go to Home</Link>
        <Route path="/home" component={Home} />
      </div>
    </Router>
  );
}

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

class MyComponent extends React.Component {
  handleClick() {
    this.props.history.push('/home');
  }

  render() {
    return (
      <div>
        <button onClick={this.handleClick.bind(this)}>Go to Home</button>
      </div>
    );
  }
}

export default withRouter(MyComponent);