handleRemoveItem(id) { const newResList = this.state.resolutions; function del(_i) { delete newResList[_i]; } let filtered = []; for(let i = 0; i < newResList.length; i++) { if(newResList[i].k === id) { let el = document.getElementById(newResList[i].title + newResList[i].k); //el.classList.remove('animate__fadeInDown'); //el.classList.add('animate__fadeOutLeft'); console.log(el); del(i); // delete newResList[i] } } filtered = newResList.filter(function(el) { return el != null; }); console.log(filtered); this.setState({resolutions: filtered}); }¡Hola! Entonces, estoy trabajando en esta lista en reaccionar, cuando agrego dos elementos a mi lista y elimino el primero agregado, imprime el otro elemento que queda en la lista. ¿Esto es normal? el 'id' se aplica en la creación del elemento de lista y contiene el título + ID único aplicado al objeto.
No quiere decir que eliminar el elemento de la lista no funcione, pero he comentado la adición/eliminación de clases en este código porque se está aplicando al elemento incorrecto.
Cualquier ayuda es muy apreciada
cuando se trabaja con React, hay un DOM virtual que maneja todos los id y las llamadas a funciones mediante la lógica de reacción.
Si desea, por ejemplo, seleccionar un elemento, no es necesario hacerlo. Llame a una función directamente desde el elemento mismo con el atributo onClick y cuando otros elementos dependan de este cambio, introduzca el estado que manipula en ese momento.
Más en React Doc: https://reactjs.org/