使用React路由器进行路由的正确方法
在我的React项目中，我有：
- 没有标题的登录组件
问题：我应该如何构建我的路由器从登录页面开始，当我点击登录时，路由器会把我带到仪表板？
共有1个答案
我可以向你指出一篇很好的媒体文章，这篇文章也帮助我理解了反应路由。https://medium.com/@pshmn/a-简单-反应-路由器-v4-教程-7f23ff27adf
举个例子，我要做的是
<Route path="/" component={LoginPage} />
<Route exact path="/dashboard" component={DashboardComponent} />
<Route path="/dashboard/something" component={AnotherComponent} />
然后在仪表板组件中，您可以添加标题和侧栏。以及其他组件。如果你需要这样的路线
/dashboard/some_other_thing
您必须在仪表板组件内定义Relevant
-
我想从API中读取要显示的产品。然后，当我按下其中一个显示的产品时，它应该使用url中的产品ID和要在页面上查看的产品详细信息将我路由到一个组件，以获取有关该产品的详细信息。我在这里读取了API中的数据，并详细显示了产品。 我想通过产品ID添加一个路由链接。如何将详细信息作为其他组件的道具发送？
-
如果我将路由折叠起来，这样看起来就像： 工作很好。我嵌套的原因是因为我将在“dashboard”下有多个子项，并且希望它们都在URL中以为前缀。
-
react&React-Router的新功能。我正在使用react-router-4 我有以下组件-login-home-header-sidebar-content 登录组件没有标题或侧栏。 这就是我的路由 应用程序JS 然后在我的Home组件中，我有侧边栏和内容。 home.js呈现方法 侧边栏组件有一个链接，该链接具有“to”值“/home/dashboard”。 不幸的是，这并不奏效。单击
-
我正在使用React和React路由器尝试将我的组件链接到一个项目中。我想从主页（当前组件）链接一张图片到另一个组件。 目前我可以点击图片，它有点像一个链接（有时点击后变成蓝色），尽管它没有链接到其他组件，没有错误显示，网址栏中没有任何变化。什么都没发生。 有什么想法吗？这是我的代码： 代码错误：react dom。发展js:17117上述错误发生在组件中：img（由Home创建）中div（由Ho
-
使用redux和反应路由器，我想访问路由指定的组件以外的组件上的路由参数。 我已经对react-router、redux和react-router-redux进行了如下设置，我想从我的redux存储访问reportId参数。 我已经尝试连接react-redux路由器来存储路由状态，但是我发现除了活动路由的完整路径之外，redux内部没有任何有用的存储。这让我可以选择从redux中的路径解析出re
-
我在想这样的事情： 前台有一个不同的布局和风格与管理区域。所以在frontpage中的路由是home、about等等，其中一个应该是子路由。 /home应该呈现到Frontpage组件中，而/admin/home应该呈现在后端组件中。 最终解决方案： 这是我现在使用的最终解决方案。这个例子也像传统的404页面一样有一个全局错误组件。