【问题标题】:How do I Link to a specific ID?如何链接到特定 ID?
【发布时间】:2021-01-28 00:22:59
【问题描述】:

我现在的问题是我将 id 作为字符串取出。

我不太确定应该如何在我的 Product.js 链接中设置它。

【问题讨论】:

  • 请不要发布你的代码截图,而是创建实际代码sn-ps为minimal, reproducible examples
  • 不管怎样,按照React Router Documentation,你可以使用<Link to={{ pathname: "/courses", search: "?sort=name", hash: "#the-hash", state: { fromDashboard: true } }} />;在你的情况下,你只需要设置 pathnamehash
  • 谢谢,但我仍然不确定如何设置。我进入一个新页面,但我没有得到任何输出。

标签: javascript reactjs routes linker jsx


【解决方案1】:

@Mads,您的沙箱无法正常工作并出现错误。我找不到您的数据文件在哪里,您是否在路由器(浏览器路由器)中添加了交换机?请提供一个工作代码..如果不提供主树内容和组件,您怎么能期待答案。?请您删除所有不必要的代码,并清楚说明您面临的问题。

无论如何,您都可以在 Project.js 文件中尝试以下代码。如果您在数据文件中提供/包含 id,这将起作用。

  <div className="bg">
    {this.state.data !== undefined
      ? this.state.data.map((product, id) => {
          return (
            <div key={id} className="mainContainer">
              <div className="billedeContainer">
                <Link to={`/details/${id}`}
                >
                  <img src={product.image} alt="produktBillede" />
                </Link>
              </div>
猜你喜欢
  • 2019-05-15
  • 2015-06-18
  • 2019-08-31
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-11-13
  • 2020-06-25
  • 1970-01-01
相关资源
最近更新 更多