如何在我的React App中创建指向其他页面的超链接?

时间:2017-08-17 15:46:54

标签: reactjs react-native hyperlink

我正在尝试在我的React应用程序中创建一个超链接,它指向我的React App中的另一个页面,即WizardFormSecondPage.js

我只看到超链接的示例,它指示我到特定的网址,但不是我的应用程序上的某个页面。如何创建一个超链接,将我带到我的React应用程序中的另一个页面?

2 个答案:

答案 0 :(得分:2)

您必须添加React Router以获取Pages。

您正在编程的组件只是html和javascript的一部分而没有"页面"给他们。

它不太难,给你的网站一点力量!实质上,您将组件分配给导入React Router的<Router>组件中的路径。

从那里,当您点击网站中的网址时,React路由器会将您告诉它的组件分配给您提供的网址。

以下是一个例子:

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

此处<Route>组件分配给&#39; / roster&#39;在你的网站内。

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

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

答案 1 :(得分:0)

我认为您的应用需要进行某种导航。 点击此链接。

Example of Navigation between views in React Native Android?