Digamos que tengo (son más datos que solo identificación y descripción, pero como ejemplo, acabo de agregarlos):
tempArray: [ {id:"L-2627", description: "Book1"}, {id:"L-62961", description: "Book2"}, {id:"L-70605", description: "Book3"} ]y cuando quiero borrar algo tengo que chequearlo y cuando lo chequeo me sale el ID, digamos que es el primero L-2627:
si los reviso todos, obtengo todas las identificaciones
entonces me gustaría eliminar digamos el primero y debería verse así:
tempArray: [ {id:"L-62961", description: "Book2"}, {id:"L-70605", description: "Book3"} ]Cómo logro esto ?
ACTUALIZAR mejor visual: (estoy usando tempLibrosData para jugar con otra variable y no la principal después de que funcione con tempLibrosData, luego usaré la variable principal)
Esto es lo que tengo:
let librosData = data[0].data let tempLibrosData = librosData;La función Eliminar
onClick={() => { const selectedIDs = new Set(selectionModel); librosData.filter((x) => selectedIDs.has(x.id)).map( x => { console.log(x.id) //This prints the ID (in this case L-2627) const res = tempLibrosData.filter(e => e.id != x.id) console.log(tempLibrosData) // This should print the final result and is printing so far all of them }) }}Puedes usar Array.filter :
const idToRemove = "L-2627" tempArray = [ {id:"L-2627", description: "Book1"}, {id:"L-62961", description: "Book2"}, {id:"L-70605", description: "Book3"} ] const res = tempArray.filter(e => e.id != idToRemove) console.log(res)Use MobX y cree y decore un modelo de vista y la vista (use mobx-react para eso).
Entonces es banal.