Skip to main content
Una respuesta definitiva
Origen Enlace

El método splice() cambia el contenido de un array eliminando elementos existentes y/o agregando nuevos elementos.

Pensando seriamente en lo que usted está queriendo hacer, creo que no está comprendiendo el alcance total de la herramienta que está usando.

const targets = [ 'a', 'b', 'c' ];
const indexToDelete = 2; // c
targets.splice(indexToDelete, 1);

console.log(targets[indexToDelete]) // undefined.
// Si borras el último elemento, no encontrarás ese index
// Si borras un índice asociativo, tampoco podrás buscarlo de vuelta
console.log(targets) // [ 'a', 'b' ]

Ahora que entiende lo que le digo...

    const collaborators = gallery.collaborators.filter(item => item !== 'a')
    this.setState({
        gallery : gallery{ .collaborators.splice(index.galery, 1)collaborators },
        collaboratorsToDelete : [...this.state.collaboratorsToDelete, toDelete]]
    })

Tenga en cuenta que su index podría ser -1 si no está haciendo el cálculo correcto. Tome en consideración que innerHTML no sería la forma correcta de tener un array de objetos, usted está tomando una referencia del arbol DOM, junto con sus hijos.

event.target.value // <input>
event.target.textContent // <a>, <p>... etc.

El método splice() cambia el contenido de un array eliminando elementos existentes y/o agregando nuevos elementos.

Pensando seriamente en lo que usted está queriendo hacer, creo que no está comprendiendo el alcance total de la herramienta que está usando.

const targets = [ 'a', 'b', 'c' ];
const indexToDelete = 2; // c
targets.splice(indexToDelete, 1);

console.log(targets[indexToDelete]) // undefined.
// Si borras el último elemento, no encontrarás ese index
// Si borras un índice asociativo, tampoco podrás buscarlo de vuelta
console.log(targets) // [ 'a', 'b' ]

Ahora que entiende lo que le digo...

    this.setState({
        gallery : gallery.collaborators.splice(index, 1),
        collaboratorsToDelete : [...this.state.collaboratorsToDelete, toDelete]
    })

Tenga en cuenta que su index podría ser -1 si no está haciendo el cálculo correcto. Tome en consideración que innerHTML no sería la forma correcta de tener un array de objetos, usted está tomando una referencia del arbol DOM, junto con sus hijos.

event.target.value // <input>
event.target.textContent // <a>, <p>... etc.

El método splice() cambia el contenido de un array eliminando elementos existentes y/o agregando nuevos elementos.

Pensando seriamente en lo que usted está queriendo hacer, creo que no está comprendiendo el alcance total de la herramienta que está usando.

const targets = [ 'a', 'b', 'c' ];
const indexToDelete = 2; // c
targets.splice(indexToDelete, 1);

console.log(targets[indexToDelete]) // undefined.
// Si borras el último elemento, no encontrarás ese index
// Si borras un índice asociativo, tampoco podrás buscarlo de vuelta
console.log(targets) // [ 'a', 'b' ]

Ahora que entiende lo que le digo...

    const collaborators = gallery.collaborators.filter(item => item !== 'a')
    this.setState({
        gallery : { ...galery, collaborators },
        collaboratorsToDelete : [...]
    })

Tenga en cuenta que su index podría ser -1 si no está haciendo el cálculo correcto. Tome en consideración que innerHTML no sería la forma correcta de tener un array de objetos, usted está tomando una referencia del arbol DOM, junto con sus hijos.

event.target.value // <input>
event.target.textContent // <a>, <p>... etc.
Origen Enlace

El método splice() cambia el contenido de un array eliminando elementos existentes y/o agregando nuevos elementos.

Pensando seriamente en lo que usted está queriendo hacer, creo que no está comprendiendo el alcance total de la herramienta que está usando.

const targets = [ 'a', 'b', 'c' ];
const indexToDelete = 2; // c
targets.splice(indexToDelete, 1);

console.log(targets[indexToDelete]) // undefined.
// Si borras el último elemento, no encontrarás ese index
// Si borras un índice asociativo, tampoco podrás buscarlo de vuelta
console.log(targets) // [ 'a', 'b' ]

Ahora que entiende lo que le digo...

    this.setState({
        gallery : gallery.collaborators.splice(index, 1),
        collaboratorsToDelete : [...this.state.collaboratorsToDelete, toDelete]
    })

Tenga en cuenta que su index podría ser -1 si no está haciendo el cálculo correcto. Tome en consideración que innerHTML no sería la forma correcta de tener un array de objetos, usted está tomando una referencia del arbol DOM, junto con sus hijos.

event.target.value // <input>
event.target.textContent // <a>, <p>... etc.