reactjs - 在 React Router 中传递的映射组件返回 'map' 错误

Question

这是我的文件结构

./src
 ./components
   Tabnav.js
   CharacterList.js
App.js

在我的 App.js 文件中，我使用 Axios 从 Api 获取数据，然后返回“CharacterList”组件，并将从获取结果中获取的属性传递给它。

在我的 CharacterList 组件中，我通过 props 从 App.js 接收数据并映射到它以填充我得到的结果列表。它工作正常并且显示准确。

在我的 Tabnav 组件中，我导入了 Route 并像这样将 CharacterList 组件传递给 Route时，每当我单击链接时都会<Route path="/characters" component={CharacterList} />收到一个。TypeError: Cannot read property 'map' of undefined

没有 Route 我的数据显示正常，但使用 Route 它返回“地图”错误。请问这里发生了什么，我该如何解决这个问题？

谢谢！

标签： reactjsreact-routerreact-router-v4react-router-domreact-router-component