在 i18next 中迭代数组

Question

有一种方法可以迭代和渲染字符串/对象数组中的每一项吗？

i18n
    .use(languageDetector)
    .use(reactI18nextModule)
    .init({
        fallbackLng: 'en',
        resources: {
            en: {
                home: {
                    data:[
                        {id:1,val:"Item1"},
                        {id:2,val:"Item2"},
                        {id:3,val:"Item3"},
                        {id:4,val:"Item4"}]
                },
            }
        }
});

在组件中：

<FlatList
        data={t('home:data')} //--cannot do this
        keyExtractor={(item, index) => index}
        renderItem={({item}) => <Item>{item.val}</Item>}
/>

Answer 1

我找到了办法

<FlatList
    data={t('home:data', { returnObjects: true })}
    keyExtractor={(item, index) => index}
    renderItem={ ({item}) => <Text> {item.val}</Text>}
/>

FlatList 将每个元素包装在一个 item 对象中 (https://facebook.github.io/react-native/docs/flatlist.html)。