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

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.

Abdullah · Accepted Answer · 2018-07-18 11:11:21Z

2

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

answered Jul 18, 2018 at 11:11

Abdullah

2,1212 gold badges22 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tholle · Accepted Answer · 2018-07-18 11:11:44Z

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, 2018 at 11:11

Tholle

113k22 gold badges209 silver badges198 bronze badges

2 Comments

Aravind Vijayan Over a year ago

Why only index we have to pass as computed property why not updatedName?

Tholle Over a year ago

@AravindVijayan The right hand side of { key: value } will always be the value of that variable.

Collectives™ on Stack Overflow

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

2 Answers 2

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Linked

Related