在 React 中更改文本字段时更新状态延迟

Question

import React from "react";
export default class App extends React.Component {
state = {
items: [],
text: ""
};
handleTextChange = event => {
this.setState({
text: event.target.value
});
};
render() {
return (
<div className="appMain">
<form onSubmit={this.addItem}>
<input
placeholder="Enter task: "
onChange={this.handleTextChange}
value={this.state.text}
/>
<button type="submit">Add</button>
</form>
</div>
);
}
}

嘿，我是新手，无法解决我的问题。

为什么我的句柄文本更改不立即更改文本的状态？每次我安慰时.log"文本"的状态总是落后于应有的状态。例如，当我在文本字段中输入"a"时，state.text 是"。然后当我输入"b"并查看状态.text时，它是"a"。等等等等。

谢谢

Answer 1

这是一个重复的问题，但要回答它是因为 setState 是异步的。

文档包含更多信息。