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

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

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