From entry to abandoment 2020-08-17 15:56 采纳率: 0%
浏览 531

react一览跳转详情页面(指定的数据)

一览list界面
{
this.state.list.map((value,key)=>{
return


..... //①
    <Link to = '/detail/{value.id}' >...</Link>//②
    </div>

}

详情detail

console.log(this.props.params)
//显示undefined

路由

json
{
"data":[
{"id":"01","itemName":"手动阀手动阀","price":"50","storage":"2000","pic":"./img/pinguo.jpg","szk":"生产部1","detail":"方式对我问佛欧文人家germ共模"},
{"id":"02","itemName":"梵蒂冈地方官","price":"500","storage":"1500","pic":"./img/xiangjiao.jpg","szk":"生产部2","detail":"方fsdfsdfsdfsdf文人家germ共模"}
}

想要的效果
一览画面已经把json的数据一行行渲染出来了,
点击指定数据进入详情页面(如第二条),详情页面就会显示第二条的数据

现在卡在没法获取传过来的参数那里

  • 写回答

1条回答 默认 最新

  • dabocaiqq 2020-08-18 07:46
    关注
    评论

报告相同问题?

悬赏问题

  • ¥15 ubuntu系统下挂载磁盘上执行./提示权限不够
  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?