6

Usando ReactJS necesito actualizar un elemento de un array usando los helpers de inmutabilidad.

Tengo algo como esto:

this.setState(React.addons.update(this.state.collection[index], {
  property: { $set: !this.state.collection[index].property }
}));

En el que index es efectivamente el índice del elemento a modificar en la colección, y property un booleano que quiero negar en la actualización.

El problema es que el código no está modificando el property del elemento de la colección, si no que está generando una propiedad property en el objeto this.state - por lo que this.state termina siendo algo como {collection: [...], property: true}.

En Nested Collections dice que tendría que usar un hash con el índice del elemento como clave, pero yo tengo el índice en una variable, por lo que entiendo que queda ambiguo el update:

this.setState(React.addons.update(this.state, {
  collection: {
    index: {
      property: { $set: !this.state.collection[index].property }
    }
  }
}));

Pero me dice que Cannot read property 'property' of undefined (es decir, this.state.collection no tiene una property index, que es entendible).

¿Cómo puedo resolver esto?

Se que debería usar $apply en lugar de $update, pero ese no es el punto de la pregunta :)

1 respuesta 1

4

En StackOverflow en inglés, Felix Kling me contestó que se pueden usar las propiedades dinámicas de ES2015:

this.setState(React.addons.update(this.state, {
  collection: {
    [index]: { // <--
      property: { $set: !this.state.collection[index].property }
    }
  }
}));

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.