Estoy tratando de mostrar una matriz anidada en mi pantalla (vea la matriz a continuación), la primera capa se muestra correctamente, pero cuando intento mostrar la segunda, no devuelve nada, los elementos en la matriz de la segunda capa deben ser se muestra solo si se selected=false , es por eso que decidí usar una función forEach primero.

mapa

 const items = order.order.map((item) => { const additional = item.additional.forEach((e) => { e.data.map((a) => { const id = Math.random() * Math.random() + a.id if(a.selected == false){ return( <View key={id}> <Text>{a.title}</Text> <Text>$ {a.price}</Text> </View> ) } }) }) return ( <View key={item.id}> <Text>{item.quantity}</Text> <Text>{item.title}</Text> <Text>$ {item.price.toFixed(2)}</Text> {additional} </View> ) })

matriz ARTÍCULO

 Object { "additional": Array [ Object { "data": Array [ Object { "id": 0, "price": 0, "selected": false, "title": "Hot Sauce", "type": "Sauces", }, Object { "id": 1, "price": 0, "selected": false, "title": "Medium Sauce", "type": "Sauces", }, ], "id": 1, "required": true, "title": "Sauces", }, Object { "data": Array [ Object { "id": 0, "price": 1, "selected": false, "title": "Ranch", "type": "Sides", }, Object { "id": 1, "price": 1, "selected": false, "title": "Blue Cheese", "type": "Sides", }, ], "id": 0, "required": false, "title": "Sides", }, ], "id": 0.103, "price": 6.95, "quantity": 1, "title": "Buffalo Wings", }