如何在我的 React 应用程序中创建重定向到另一个页面的超链接？答案

【问题标题】：How to create a Hyperlink directing to another page in my React App?如何在我的 React 应用程序中创建重定向到另一个页面的超链接？
【发布时间】：2017-08-17 15:46:53
【问题描述】：

我正在尝试在我的 React 应用程序中创建一个超链接，它将我引导到我的 React 应用程序中的另一个页面，即 WizardFormSecondPage.js

我只看到了将我定向到特定 URL 的超链接示例，但没有看到我的应用程序上已有的某些页面。如何创建一个超链接，将我带到我的 React 应用程序中的另一个页面？

【问题讨论】：

您需要提供代码示例，以便我们为您提供适当的帮助。你应该谷歌react-router 可以用于此目的。

标签： reactjs react-native hyperlink

【解决方案1】：

您必须添加 React Router 才能获取 Pages。

您正在编程的组件只是一些没有“页面”的 html 和 javascript。

它并不太难，并且为您的网站提供了强大的功能！本质上，您将组件分配给通过导入 React Router 给出的 <Router> 组件内的路径。

从那里，当您单击站点中的 url 时，React Router 会将您告诉它的组件分配给您给它的 url。

这是一个例子：

<Switch>
  <Route exact path='/' component={Home}/>
  <Route path='/roster' component={Roster}/>
  <Route path='/schedule' component={Schedule}/>
</Switch>

这里的<Route> 组件分配给您网站内的“/roster”。

我发现这个链接只是一个例子，但是 React Router 有很多指南。祝你好运！！

https://medium.com/@pshrmn/a-simple-react-router-v4-tutorial-7f23ff27adf

【讨论】：

【解决方案2】：

我认为您的应用需要有某种导航。按照这个链接。

Example of Navigation between views in React Native Android?

【讨论】：

从'react-router'导入{链接}； ./WizardFormSecondPage} activeClassName="active">第二页