当前位置: 首页 > 知识库问答 >
问题:

在React Router 4中使用链接

濮阳景天
2023-03-14

我正在学习使用旧版本React路由器的教程。除了下面的代码,我已经更新了所有的代码,并且可以工作了:

{this.props.books.map((b, i) => <tr key={i}>
    <td>{b.title}</td>
    <td><Link to={`/books/${b.id}`}>View</Link></td>
</tr>)}

共有1个答案

曾华翰
2023-03-14

问题是因为我让从'react-router'导入{Link},而不是从'react-router-dom'导入{Link}。一旦我做了改变,一切都正常运作。感谢karaxuna发现了这一点。

selmansamet也是正确的,需要倒勾,但并不是问题的真正根源。最初的代码确实有反勾,但我将它们改为单引号,看看这是否能解决问题。它没有。

 类似资料:
  • 如何从React Router v4中的函数重定向到页面? 我可以从组件中找到很多关于导航的引用,在我的情况下,我需要从函数中导航

  • 我对Jaspersoft工作室很陌生。我正在尝试创建主详细信息类型的报告。 主表确实包含有关部门详细信息的详细信息。 子表确实包含有关departmentwise员工的详细信息。 在要创建表达式时单击“超链接”旁边的按钮 .但写什么表情是我的疑问! 而且, 谁能告诉我最好的教程的位置!例如,在这个链接中的解释是如此的好。但是,我想知道它是从哪里来的! 因此,任何人请帮助我。

  • 问题内容: 在机械化中,我们可以使用follow_link或click_link单击链接。在美丽的汤中是否有类似的事情可以单击网页上的链接? 问题答案: 是HTML 解析器 。 进一步的讨论实际上取决于您所处的具体情况以及特定网页的复杂性。 如果您需要与网页进行交互:提交表单,单击按钮,滚动等-您需要使用利用真实浏览器的工具,例如。 例如,在某些情况下,如果提交表单时不涉及任何javascript

  • 问题内容: 我在Python中使用Selenium尝试单击鼠标悬停在该下拉菜单上时出现的下拉菜单中的链接。这是下拉菜单信息: 我试图单击“ a href”标签中的“文档”链接。当我将鼠标悬停在菜单上时,代码更改如下: 您可以在第二个ul标签中看到“ visible :: hidden”部分消失了。 我使用以下代码在页面上找到了元素: 如果我尝试使用以下方法单击下载按钮: 我收到一个错误,指出该元素

  • 问题内容: 我正在尝试使用适用于Python的模块在MS Word文档中添加超链接。 我到处搜索(官方文档,StackOverflow,Google),但一无所获。 我想做类似的事情: 任何人都知道如何做到这一点? 问题答案: 是的,我们可以做到。参考

  • 我正试图从一个通过“下一步”按钮链接了多个页面的站点中获取数据 后续页面URL与上一页面URL没有对应关系 (在这种情况下,修改路径可以解决问题) 这就是我打算做的- 1.从初始URL开始 2.提取信息 3.点击NEXT 重复2次和3次 具体来说,我想知道如何在单击时获取新页面URL 这是我到目前为止想出来的 任何帮助都将不胜感激