如何使用Reactjs中的按钮重定向到另一个页面

npm install react-router-dom

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

function MyButton() {
  return (
    <Link to="/another-page">
      <button>Go to Another Page</button>
    </Link>
  );
}

export default MyButton;

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

function MyButton() {
  const history = useHistory();

  const handleClick = () => {
    history.push('/another-page');
  };

  return (
    <button onClick={handleClick}>Go to Another Page</button>
  );
}

export default MyButton;

import React from 'react';

class MyButton extends React.Component {
  handleClick = () => {
    window.location.href = '/another-page';
  };

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

export default MyButton;