在对象数组的反应 setState 中使用扩展运算符答案

【问题标题】：using the spread operator in react setState on array of objects在对象数组的反应 setState 中使用扩展运算符
【发布时间】：2018-10-04 08:27:16
【问题描述】：

我有一个对象数组（语言代码和名称），我试图将它们传播到反应组件中本地状态的另一个数组中。我试图传播的数组的结构是这样的：

let langs = [
  {code: "af", name: "Afrikaans"},
  {code: "sq", name: "Albanian"}
]

我正在尝试这样的事情：

this.setState({
  languages: [...langs]
}, 
  console.log(this.state.languages);
);

当我尝试在 setState 的回调中使用 console.log 语言时，数组为空。这里做错了什么？

【问题讨论】：

【解决方案1】：

setState是异步的，需要在回调中调用函数。

this.setState({
  languages: [...langs]
}, () => console.log(this.state.languages)
);

【讨论】：

【解决方案2】：

第二个参数是一个回调 - 您正在立即执行 console.log 并将其结果作为回调传递。将您的代码更改为：

this.setState({
    languages: [...langs]
  }, 
  () => console.log(this.state.languages);
);

【讨论】：