Comment passer l'index d'un tableau sans codage en dur à la méthode update de 'react-addons-update' ?

Question

nameChangedHandler = (id, event) => {
    let index = id;
    const updatedName = event.target.value;
    this.setState({
      persons: update(this.state.persons, { index: { name: { $set: updatedName } } }),
    });
  };

Si je code en dur l'index à un nombre quelconque, le code ci-dessus fonctionne, c'est-à-dire ( update(this.state.persons, { 0: { name: { $set: updatedName } } }) )

Veuillez suggérer une solution.

Answer 1

Remplacer { index: ... } con { [index]: ... }

Answer 2

Vous pouvez utiliser un computed property pour utiliser la valeur de la index variable :

this.setState({
  persons: update(this.state.persons, { [index]: { name: { $set: updatedName } } }),
});