<Link to='/detail' 不能显示详情页，变成请求数据了

首页课程实战体系课手记专栏慕课教程

来源：5-1 详情页面的制作（1）

墮落雙魚

2019-11-22 11:13:21

<List

style={{background:'#fff'}}

bordered

dataSource={this.state.list}

renderItem={item => (

<List.Item>

{item.title}

</Link>

</List.Item>

)}

写成这样就可以了

这是为啥，老师视频前面那样写也没问题

写回答

1回答

好帮手慕慕子

2019-11-22

已采纳

同学你好，老师测试了一下源码，如果将Link里面的to改成‘/detail’的话，需要调整index.js下的路由匹配规则，将id去掉，才可以跳转到对应的detail页面。

示例：

效果图：

推荐同学使用老师后面讲解的<Link to={`/detail/${item.id}`}>这种方式，根据id获取到对应的数据

如果帮助到了你，欢迎采纳，祝学习愉快~

0 学习 · 10739 问题

相似问题

回答 2

回答 3

回答 5

回答 1

回答 2