React Router:如何在单击链接/按钮时重定向到不同的组件？

React Router是一个用于构建单页面应用的库，它可以帮助我们实现在单击链接或按钮时重定向到不同的组件。下面是一种常见的做法：

1. 首先，你需要在项目中安装React Router。可以使用npm或者yarn命令进行安装，具体命令如下：

npm install react-router-dom

或者

yarn add react-router-dom

1. 在你的应用程序的入口文件（一般是App.js）中，导入React Router的相关组件：

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

1. 在组件中，使用<Router>来包裹你的应用程序，并在需要重定向的链接或按钮上使用<Link>组件来生成相应的链接。例如：

<Router>
  <div>
    <nav>
      <ul>
        <li>
          <Link to="/home">Home</Link>
        </li>
        <li>
          <Link to="/about">About</Link>
        </li>
      </ul>
    </nav>

    <Switch>
      <Route path="/home">
        <Home />
      </Route>
      <Route path="/about">
        <About />
      </Route>
    </Switch>
  </div>
</Router>

1. 在<Switch>组件内，使用<Route>组件来定义对应的路由和渲染的组件。例如，当点击"Home"链接时，会渲染<Home>组件。
2. 创建对应的组件文件，例如Home.js和About.js，并在这些文件中定义你需要展示的内容。

这样，当点击链接或按钮时，React Router会根据你定义的路由规则，自动重定向到对应的组件。

React Router的优势在于它提供了灵活而强大的路由功能，可以帮助你更好地组织和管理应用程序的不同页面。它的应用场景包括但不限于：单页应用、多页应用、路由嵌套、路由守卫等。

推荐的腾讯云相关产品是Tencent CloudBase，它是一个云原生开发平台，提供了一体化的云端开发工具和资源，可以帮助开发者快速构建和部署React应用。您可以通过以下链接了解更多关于Tencent CloudBase的信息： https://cloud.tencent.com/product/tcb