react的路由跳转方法

在React中，你可以使用react-router来实现路由的跳转。下面是一些常用的路由跳转方法：

1. 使用`<Link>`组件进行跳转:

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

function App() {
  return (
    <div>
      <Link to="/about">About</Link>
    </div>
  );
}

2. 使用`<NavLink>`组件进行跳转，并且可以添加样式:

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

function Navigation() {
  return (
    <nav>
      <NavLink to="/home" activeClassName="active">Home</NavLink>
      <NavLink to="/about" activeClassName="active">About</NavLink>
    </nav>
  );
}

3. 使用编程式导航进行跳转:

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

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

  function handleClick() {
    history.push('/about');
  }

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

这些是React路由中常用的跳转方法，希望对你有帮助！如果还有其他问题，请随时提问。