React路由器链接错误url
我正在使用React路由器与链接，以改变URL和导航通过应用程序。在阅读列表中，我使用以下代码导航用户阅读edit：
<Link to={`readings/edit/${reading.id}`} params={{id: reading.id}}>
我定义了以下路由：
<Route path="/" component={App}>
<IndexRoute component={Greetings}/>
...
<Route path="readings/edit/:id" component={requireAuth(ReadingEdit)}/>
<Route path="readings/:tab" component={requireAuth(ReadingListContainer)}/>
...
</Route>
我怎样才能解决那个问题？
共有1个答案
正如评论中所讨论的，在链接标记中添加/before readings将解决此问题。
-
我正在尝试在我的nginx服务器上设置vue路由器。我遇到的问题是，如果我直接在浏览器中输入url，我的路线就不起作用。 我尝试了vue路由器文档中描述的服务器配置，以及建议的堆栈溢出类似配置。我当前的nginx位置配置如下： 所做的就是将任何路径重定向到我的根组件（path：），而不是。这确实有意义，并且似乎只重定向到索引文件。我如何重定向直接链接的到路由在我的VueJS应用程序？ 以下是我的v
-
我正在使用React和React路由器尝试将我的组件链接到一个项目中。我想从主页（当前组件）链接一张图片到另一个组件。 目前我可以点击图片，它有点像一个链接（有时点击后变成蓝色），尽管它没有链接到其他组件，没有错误显示，网址栏中没有任何变化。什么都没发生。 有什么想法吗？这是我的代码： 代码错误：react dom。发展js:17117上述错误发生在组件中：img（由Home创建）中div（由Ho
-
我是react with typescript的初学者，在下面的代码中面临问题 下面是仪表板组件的代码 这是路线代码 在路线代码中，我面临类型问题，即。 E:/Web/src/router/route中的TypeScript错误。tsx（18,51）： 没有重载匹配此调用。 重载1 of 2，'（props： ReadOnly）： Road'，给出以下错误。键入{Dashboard： string
-
如果安装vuejs eslint插件并将其配置为使用“强烈推荐”规则集，linter将告诉您更改以下代码： 进入这个 问题是，当您这样做时，您的
-
我有一个使用vue创建的单页应用程序，导航链接都是使用标记完成的。导航中有几个项目我的老板想在导航中使用，但禁用了，这样人们就可以看到一些即将推出的功能。然而，我不知道如何完全禁用路由器链接！ 不执行任何操作，不执行任何操作（我尝试将其发送到一个函数，看看这是否会阻止单击，但它只是调用函数并路由，尽管存在阻止），添加一个
-
令人惊讶的是，在Google和StackOverflow中很难找到它，我在这里问，在React路由器中使用