React Native:return 中的地图函数
React Native: map function in return
我刚开始接触 React Native,我想知道如何处理 return 中的地图函数。
根据此处给出的答案,我调整了我的代码如下:
render()
{
const { active } = this.state
const drawerContent = Object.keys(drawerItems).map(section => {
return <DrawerComponent.Section key={section.toLowerCase()} title={section} style={styles.section}>
{drawerItems[section].map(item =>
<DrawerComponent.Item
key={item.id}
label={item.label}
icon={item.icon}
style={styles.item}
active={active === item.id}
onPress={() => nav.push(item.screen + 'Screen', item.props || {})}
/>
)}
</DrawerComponent.Section>
})
return(<View style={styles.container}>{drawerContent}</View>)
}
这是最好的方法还是可以更好地优化?
我觉得不错。不过,我会考虑使用 Object.entries
而不是 Object.keys
。
我刚开始接触 React Native,我想知道如何处理 return 中的地图函数。
根据此处给出的答案
render()
{
const { active } = this.state
const drawerContent = Object.keys(drawerItems).map(section => {
return <DrawerComponent.Section key={section.toLowerCase()} title={section} style={styles.section}>
{drawerItems[section].map(item =>
<DrawerComponent.Item
key={item.id}
label={item.label}
icon={item.icon}
style={styles.item}
active={active === item.id}
onPress={() => nav.push(item.screen + 'Screen', item.props || {})}
/>
)}
</DrawerComponent.Section>
})
return(<View style={styles.container}>{drawerContent}</View>)
}
这是最好的方法还是可以更好地优化?
我觉得不错。不过,我会考虑使用 Object.entries
而不是 Object.keys
。