reactfc怎么跳转页面

使用React Router可以实现页面的跳转。以下是一个简单的示例：

首先，确保你已经安装了React Router。在终端中运行以下命令安装：

npm install react-router-dom

在你的应用程序的根组件中，导入React Router的必要组件：

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

在根组件的render方法中，使用Router组件包裹你的应用程序内容：

render() {
  return (
    <Router>
      {/* 应用程序的其他内容 */}
    </Router>
  );
}

在需要进行页面跳转的地方，使用Link组件创建一个链接：

<Link to="/other-page">跳转到其他页面</Link>

在根组件的render方法中，使用Switch和Route组件来定义页面的路由：

render() {
  return (
    <Router>
      <Switch>
        <Route exact path="/" component={HomePage} />
        <Route path="/other-page" component={OtherPage} />
      </Switch>
    </Router>
  );
}

在上面的示例中，当URL匹配/时，将渲染HomePage组件；当URL匹配/other-page时，将渲染OtherPage组件。

这样，当用户点击"跳转到其他页面"的链接时，就会跳转到/other-page并渲染OtherPage组件