Tenho um array dentro de outro array e gostaria de imprimir na tela dentro de um <Text>
, porém não estou tendo sucesso.
Os dados no state:
areas: [
nomearea: 'Café',
periodos: [
{
colaboradores: [
{
nome: 'João'
},
{...}, {...}, {...}
]
}
]
]
Em render()
estou tentando algo parecido:
<ScrollView>
{
this.state.areas.map(area => {
area.periodos.map(periodo => {
periodo.colaboradores.map(colaborador => {
return (
<Text>
{colaborador.nome}
</Text>
)
})
})
}
}
</ScrollView>
Acredito que seja algo em referência aos map()
, return()
e/ou { }
, porém não encontro a forma correta de corrigir.
No console.log()
está correndo tudo como deveria.