一览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的数据一行行渲染出来了,
点击指定数据进入详情页面(如第二条),详情页面就会显示第二条的数据
现在卡在没法获取传过来的参数那里