在React Router中，路由跳转通常是通过路由守卫来实现的。路由守卫是一种在组件的状态发生改变时自动调用的方法，它们通常用于在组件的状态改变时检查是否应该执行某些操作。

以下是一个简单的例子，展示了如何使用路由守卫来实现路由跳转：

```jsx import React from 'react'; import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

function App() { // 这里创建了一个默认的路由守卫，它会在组件的状态改变时检查是否应该执行某些操作 return ( ); }

function Home() { return

Hello, World!

function About() { return

About Us

export default App; ```

在这个例子中，当用户访问/路径时，React Router会触发一个默认的路由守卫。这个守卫会在组件的状态改变时检查是否应该执行某些操作。如果有必要，它会调用Home组件来显示欢迎信息。

如果你想手动处理路由跳转，你可以使用createHistory()函数来创建一个新的路由守卫，然后在这个守卫中添加你需要的逻辑。例如：

```jsx import React from 'react'; import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

function App() { // 这里创建了一个手动处理路由跳转的路由守卫，它会在组件的状态改变时检查是否应该执行某些操作 const handleHistoryChange = (event) => { // 在这里添加你需要的逻辑 console.log('History changed:', event); };

return ( ); }

function Home() { return

Hello, World!

function About() { return

About Us

function Contact() { return

Contact Us

export default App; ```

在这个例子中，HistoryHistory守卫会记录路由变化，当你再次访问/contact路径时，它会自动调用Home组件来显示欢迎信息。