使用函数式组件编写报错

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

使用函数式组件编写报错

来源：9-4 【API连接】AJAX 异步获取推荐数据

weixin_慕容4157932

2021-03-22

老师，本章课程的api调用，我自己换了一种hooks的函数式组件的方式写，发现ProductCollection子组件ProductImage的id={products[0].id}报错，说products[0]为undefined，state使用的useState分别定义list loading error，useMount替代mount，其他代码一样的，为什么会报undefined呢。 Tips: 因为公司安全限制，不方便截图代码，老师见谅，描述还算清晰哈

写回答

1回答

weixin_慕容4157932

weixin_慕容4157932

提问者

2021-03-22

哭！研究了半天，发现是touristRoutes写成了tourisRoutes，少了一个t，手拼单词的痛！不过阿莱克斯老师，我这种函数式组件的书写方式对吗？

1

1

阿莱克斯刘

你的描述稍微有点抽象，不过从结果来看应该是ok的。不过函数式组件的写法在后续的课程也会讲解。

2021-03-24

共1条回复

React18 系统精讲结合TS打造旅游电商平台

React18 精讲 + 结合 TS 实战 + 热门业务开发，获取必备技能

1993 学习 · 1015 问题

相似问题

函数组件和类组件

回答 1

关于函数组件的WithTranslation

回答 1

使用函数式组件编写报错

回答 1

引用组件报错

回答 1

关于react-router-domV6版本，如何在class组件中使用useNavigate钩子

回答 1

打开慕课网App查看更多内容