id的传递路径,我理解的有问题吗?

id的传递路径,我理解的有问题吗?

先在Header组件的Link标签中发送id,http://img1.sycdn.imooc.com//climg/5ed608dd0990554505450291.jpg

然后在index.js中的Route标签里跳转路由的时候被接收到,并且id参数被传递给调用的组件List

http://img1.sycdn.imooc.com//climg/5ed6091d09500ae806330379.jpg

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

http://img1.sycdn.imooc.com//climg/5ed609a609d6021507160292.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,这个值传递的顺序是对的,但是理解稍微有点歧义,这个不是通过父子组件传递的,这里是通过路由哦,可以参考如下:

1、link里的item.id和index.js中route里的:id是同一个id值。

点击a标签,href值会显示在地址栏中:

http://img1.sycdn.imooc.com//climg/5ed61fdc0925f5bf02200046.jpg

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

http://img1.sycdn.imooc.com//climg/5ed61fcc09b41e5508260446.jpg

2、path 属性中的 :id 就是路由的参数( param ), 组件中,可以直接通过 this.props.params.id 来访问实际的参数值(这里的id和定义路径的 :id 相对应)

这里就是在组件中通过获取地址栏中的id值,然后拼接在url上,获取相对应的数据。

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

  • Aurora_Meteor 提问者 #1
    就只是把我描述中的组件改为路由就行了吧,传递顺序就是从那几个文件的相应地方传过去的吧
    2020-06-02 18:45:25
好帮手慕糖 2020-06-02 19:04:27

同学你好 ,是的哦。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师