老师关于点击header显示列表

就是老师我不是很明白，点击header然后显示列表是怎么触发的。代码里面没有onclick事件啊

weixin_慕丝2377090 2021-05-24

源自：项目：React实现新闻网站核心功能 4-2 使用动态路由获取不同列表内容（2）

9

收起

1回答

好帮手慕久久 2021-05-25 10:06:11

同学你好，解答如下：

点击header是通过改变路由上的参数，从而显示不同的列表，不需要click事件。头部header的每一项，都被link标签包裹：

link标签，就可以更改当前页面的路由，并且路由上会携带列表的id：

而路由改变后，就会触发路由对应的页面List的生命周期函数componentWillReceiveProps，在该方法中，可以获取到列表的id（路由上的参数id）：

然后利用该id请求数据，并渲染列表，这样就实现了动态更新列表：

祝学习愉快！

提问者 weixin_慕丝2377090 #1

谢谢老师，是不是可以理解成一个动态的超链接啊

2021-05-25 10:39:13
好帮手慕久久回复提问者 weixin_慕丝2377090 #2

同学你好，理解正确。link标签就类似于一个超链接并且可以携带参数，该参数可以被对应页面获取；对应页面获取参数后，再请求数据。
祝学习愉快！

2021-05-25 10:47:32

相似问题

关于右下角显示的问题。

播放列表插入数据，在PlayList类中的7功能，显示播放列表中的所有歌曲怎么写。

关于显示列表的问题

列表页不显示图片

还是有点不清楚主播放列表的实例和普通播放列表实例的区分

登录后可查看更多问答，登录/注册

前端工程师2020

参与学习人
提交作业 7882 份
解答问题 15276 个

前端技术快速更迭，人才紧缺。带你从0基础开始，成为Web全栈工程师，转行就业更顺畅。

本课精华内容

问答作业

老师，我在xhr.send()出错了

93 2

老师好，这里虽然老师给了方法，但我想问问关于定位后的宽高

44 2

函数里面的参数是函数,那么里面作为参数的函数是如何调用的?

74 4

老师请检查

30 1

老师，关于ctx.set()我存在困惑

32 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载