[英]React-Native / Typescript - undefined is not an object (evaluating 'react_1.default.Component)
[英]TypeError: undefined is not an object (evaluating 'icons.map') React-Native
我正在尝试从数组icons
渲染一系列图标,但是当我尝试返回{icons.map((icon, index) =>(<Icon key = {index} icon={icon}/>))}
,我得到“typeError: undefined is not an object (evalating 'icons.map')”。
这是我正在使用的代码:
const BottomTabs = ({ icons }) => {
const [activeTab, setActiveTab] = useState('Home')
const Icon = ({icon}) => (
<TouchableOpacity onPress = {() => setActiveTab(icon.name)}>
<Image source = {icon.inactive} style= {styles.icon}/>
</TouchableOpacity>
)
return (
<View>
{ icons.map((icon, index) =>(
<Icon key = {index} icon={icon}/>
))}
</View>
)
}
知道问题可能是什么吗?
编辑:这就是我的数组通过组件传递的方式:
<BottomTabs icons = {bottomTabIcons}/>
这是数组本身的对象的示例:
const bottomTabIcons = [
{
name: 'Home',
active: require('../../assets/home-active.png'),
inactive: require('../../assets/home.png')
}
]
我是否错误地将数组通过我的BottomTabs
组件?
您没有将icons
传递给BottomTabs
组件。 检查调用<BottomTabs icons={icons}>
时是否正确传递图标
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.