React: set the state based on array values

Question

I have an array of questions like this

[
  {
    title: 'what_are_your_hobbies',
  },
  {
    title: 'do_you_know_german',
  },
]

how can I iterate over this array and set its titles to the state like:

state = {
  what_are_your_hobbies: '',
  do_you_know_german: ''
}

mostly, sometimes I'd like to set some to arrays, but I can do it with setState and add values. Is that a problem if I set it to an empty string first? — Emerson Lopes
– Emerson Lopes, Commented Jul 30, 2018 at 22:48

Tholle · Accepted Answer · 2018-07-30 13:36:06Z

7

You could use reduce to iterate over the array and set all title to a key on the new object and use that to update your state.

Example

const arr = [
  {
    title: "what_are_your_hobbies"
  },
  {
    title: "do_you_know_german"
  }
];
const stateUpdate = arr.reduce((result, element) => {
  result[element.title] = "";
  return result;
}, {});

this.setState(stateUpdate);

answered Jul 30, 2018 at 13:36

Tholle

113k22 gold badges209 silver badges198 bronze badges

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

1 Comment

Tholle Over a year ago

@SungKim Thanks Sung! Glad to hear it.

Collectives™ on Stack Overflow

React: set the state based on array values

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related