How to pass index of an array without hardcoding to update method of '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 } } }),
    });
  };

If I hardcode the index to any number the above code is working i.e ( update(this.state.persons, { 0: { name: { $set: updatedName } } }) )

Kindly Suggest a Solution.

score 2 · Answer 1 · answered Jul 18 '18 at 11:11

2

replace { index: ... } with { [index]: ... }

answered Jul 18 '18 at 11:11

Abdullah

2,015
2
20
29

score 1 · Accepted Answer · answered Jul 18 '18 at 11:11

1

You can use a computed property to use the value of the index variable:

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

answered Jul 18 '18 at 11:11

Tholle

108,070
19
198
189

Why only index we have to pass as computed property why not updatedName? – Aravind Vijayan Jul 18 '18 at 12:10
@AravindVijayan The right hand side of `{ key: value }` will always be the value of that variable. – Tholle Jul 18 '18 at 12:11

How to pass index of an array without hardcoding to update method of 'react-addons-update'?

2 Answers2