id的传递路径,我理解的有问题吗?
先在Header组件的Link标签中发送id,
然后在index.js中的Route标签里跳转路由的时候被接收到,并且id参数被传递给调用的组件List

因为是通过父组件(上图中的Route标签中的{List})传递过来的,所以最后在List组件中就可以使用this.props获取到数据,从而通过下面代码获取到传递过来的id参数

24
收起
正在回答
2回答
同学你好,这个值传递的顺序是对的,但是理解稍微有点歧义,这个不是通过父子组件传递的,这里是通过路由哦,可以参考如下:
1、link里的item.id和index.js中route里的:id是同一个id值。
点击a标签,href值会显示在地址栏中:

然后index.js中会通过动态路由匹配到第二个route:

2、path 属性中的 :id 就是路由的参数( param ), 组件中,可以直接通过 this.props.params.id 来访问实际的参数值(这里的id和定义路径的 :id 相对应)
这里就是在组件中通过获取地址栏中的id值,然后拼接在url上,获取相对应的数据。
如果我的回答帮助了你,欢迎采纳,祝学习愉快~
相似问题
登录后可查看更多问答,登录/注册
4.Vue与React高级框架开发
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理,通过ES6基础知识和前端主流高级框架的学习,助你快速构建企业级移动webAPP应用,进入职场的终极battle
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星