React:根据数组值设置状态

Question

我有一系列这样的问题

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

我如何迭代这个数组并将其标题设置为如下状态:

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

Answer 1

您可以使用reduce迭代数组并将all设置title为新对象上的键,并使用它来更新您的状态.

例

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);