使用函数式组件编写报错

Question

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

Answer 1

提问者 weixin_慕容4157932 2021-03-22 17:46:04

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

• 阿莱克斯刘 #1

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