React Native：return 中的地图函数

Question

我刚开始接触 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>)
}

这是最好的方法还是可以更好地优化？

Answer 1

我觉得不错。不过，我会考虑使用 Object.entries 而不是 Object.keys。

React Native：return 中的地图函数

React Native: map function in return

reactjs

optimization

native