react使用路由进行页面跳转

在React中，可以使用react-router-dom来实现页面跳转。有几种常见的方式可以实现页面跳转。

第一种方式是使用react-router-dom中的Link组件。这种方式适用于点击按钮或其他组件进行页面跳转。具体使用方式如下：

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

// 在需要触发跳转的组件中
<Link to="/path/newpath">点击跳转</Link>

第二种方式是使用react-router-redux中的push方法进行页面跳转。这种方式适用于在Redux中进行页面跳转。具体使用方式如下：

import { push } from 'react-router-redux';

// 在需要触发跳转的组件中，通过dispatch调用push方法
dispatch(push('/path/newpath'));

第三种方式是通过配置路由来实现页面跳转。可以使用React Router来配置路由。具体代码如下：

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

// 配置路由
<Router>
  <Switch>
    <Route exact path="/" component={Home} />
    <Route path="/about" component={About} />
    <Route path="/contact" component={Contact} />
  </Switch>
</Router>

// 在需要触发跳转的组件中
<Link to="/about">点击跳转</Link>

需要注意的是，在使用React Router进行页面跳转之前，需要先安装相关的依赖包。可以使用npm命令来安装依赖：

npm install react react-dom react-scripts react-router-dom@5 --save