Reactjs 传入React路由器的映射组件返回';地图';错误

Reactjs 传入React路由器的映射组件返回';地图';错误,reactjs,react-router,react-router-v4,react-router-dom,react-router-component,Reactjs,React Router,React Router V4,React Router Dom,React Router Component,这是我的文件结构 ./src ./components Tabnav.js CharacterList.js App.js 在我的App.js文件中,我使用Axios从Api获取数据,然后返回“CharacterList”组件,并将从获取结果中获取的属性传递给它 在我的CharacterList组件中,我通过道具从App.js接收数据,并映射到上面以填充我得到的结果列表。它工作良好,显示准确 在我的Tabnav组件中,我导入了Route,当我像这样将CharacterList组件

这是我的文件结构

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

在我的CharacterList组件中,我通过道具从App.js接收数据,并映射到上面以填充我得到的结果列表。它工作良好,显示准确

在我的Tabnav组件中,我导入了Route,当我像这样将CharacterList组件传递给Route时,我收到一个
类型错误:每当我单击链接时,无法读取未定义的属性“map”

不使用Route时,我的数据显示良好,但使用Route时返回“map”错误。请问这里发生了什么?我如何解决这个问题


谢谢

您应该显示一些代码,否则在SOW上将没有帮助。当从route调用
CharacterList
时,它是否接收到与在
选项卡导航下时相同的道具。我猜你正在映射一个不可用的道具。