Actualmente estoy mostrando una matriz en una SectionList en React Native, estoy tratando de actualizar en tiempo real el valor selected , esta es la matriz:
Array [ Object { "data": Array [ Object { "id": 1.01, "price": 1, "selected": false, "title": "Ranch", "type": "Sides", }, Object { "id": 1.02, "price": 1, "selected": false, "title": "Blue Cheese", "type": "Sides", }, ], "required": false, "type": "Sides", }, Object { "data": Array [ Object { "id": 2.01, "price": 1, "selected": false, "title": "Hot Sauce", "type": "Sauces", }, Object { "id": 2.02, "price": 1, "selected": false, "title": "Medium Sauce", "type": "Sauces", }, ], "required": true, "type": "Sauces", }, ]esta es la función que estoy usando para actualizar la matriz:
const pressOptional = (e) => { additional.map((item) => { if (item.type == e.type) { item.data.map((a => { if (a.id == e.id) { a.selected = !e.selected } })) } }) }Estoy llamando a esta función en un botón que se muestra en SectionList, y cuando lo llamo, veo que cambia el valor, pero SectionList todavía lee los datos anteriores.
Olvidó return el valor asignado.
const pressOptional = (e) => { return additional.map((item) => { if (item.type == e.type) { item.data.map((a => { if (a.id == e.id) { a.selected = !e.selected } })) } }) }