Tengo la siguiente matriz en mi aplicación React naitve.
const [items, setItems] = useState([ { answers: [{ id: 1 }, { id: 2 }] }, { answers: [{ id: 1 }] }, { answers: [{ id: 1 },] }, ]);Quiero eliminar el elemento de la primera fila con id 2 Así que la final debería verse así
[ { answers: [{ id: 1 }] }, { answers: [{ id: 1 }] }, { answers: [{ id: 1 }] }, ]Cómo puedo hacer eso ? Traté de empezar así
const onDelete = useCallback((itemId) => { var newItems = [...items]; newItems = newItems[0].answers.filter(....) //I don't know how to continue setItems(newItems); }, []);Perdón por la pregunta, ¡pero soy nuevo en react-native y javascript!
Suponiendo que desea cambiar el primer objeto y desea filtrar dinámicamente las respuestas en función de su itemId , la función onDelete se vería así:
const onDelete = useCallback((itemId) => { setItems((prev) => [ { answers: prev[0].answers.filter(({ id }) => id !== itemId) }, ...prev.slice(1), ]); }, []);He ampliado la respuesta @ sm3sher para permitir la eliminación de identificadores de respuesta en cualquier índice.
const onDelete = useCallback((answerId=2,itemIndex=0)=>{ const newItems = [...items]; let currentItem = newItems[itemIndex] currentItem.answers = currentItem.answers.filter(({id})=> id !== answerId) newItems[itemIndex] = currentItem; setItems(newItems); },[]);Debe crear un nuevo objeto, cuya propiedad de answers sea el original filtrado. La devolución de llamada del filtro puede ser ({id}) => id != 2 :
newItems[0] = { answers: newItems[0].answers.filter(({id}) => id != 2) };