27.详情页面路由参数的传递

1.当我们点击详情页时,我们希望可以知道此时的id是多少

2.我们在home目录下的List文件中,在Link中加上一个id,并且把详情页的item的id加到detail
在这里插入图片描述
3.在APP中,我们在path路径下加上/:id
在这里插入图片描述4.这时候我们点击第一个详情页,可以发现
在这里插入图片描述5.在index文件中,我们打印输出一下this.props.match.params.id
在这里插入图片描述在这里插入图片描述6.然后我们将this.props.match.params.id传递进componentDidMount
在这里插入图片描述7然后我们就可以拿到一个id,把它派发出去
在这里插入图片描述8.在actionCreators中,我们将id传递进来,并加在json后面
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/zhuhui2000/article/details/91959934