在 console.log 反应慢 setState答案

【问题标题】：React slow setState at console.log在 console.log 反应慢 setState
【发布时间】：2017-08-10 20:25:21
【问题描述】：

我有一个简单的 React 组件，它有一个附加了 onChange 事件的输入字段。 onChange 事件触发，并使用输入字段中的值更新某些组件状态。但是我注意到当控制台记录状态是一个字符后。因此，如果我输入“Hello”，控制台会显示状态为

'' 在 H

HE 上的“H”

HEL 上的“E”

地狱里的“L”

HELLO 上的“L”

怎么样？

【问题讨论】：

【解决方案1】：

this.setState 是异步的。这意味着记录的时间控制台无法与更新的时间状态匹配如果您想在状态更改后查看确切的值，您必须执行以下操作

this.setState({ 'updated': 'state'}, () => {
  console.log(this.state.updated);
});

【讨论】：