React状态与setState没有正确分配[重复]

Question

我正在创建一个非常基本的todo应用程序。但是我遇到了一个问题，把todos推入数组并将它们分配给状态。

  constructor(props){
    super(props);
    this.state = {
      todo : '',
      todos : []
    };
  };

  todoValue(todo){
    console.log(`Received the todo in the App : ${todo}`);
    this.setState({todo});
    console.log(this.state.todo);
  }

这里，当我单击一个按钮时，我会在TodoValue函数的Todo参数中收到Todo值。但它不分配给事件上的状态。它确实为下一个事件的状态赋值。

例如，如果在第一个事件中以1的形式接收todo值，在下一个事件中以2的形式接收todo值，这就是我得到的结果。

Answer 1

setstate是一个异步操作，但它允许在操作完成时触发回调。将代码更改为

this.setState({ todo }, () => console.log(this.state.todo));

您将看到您对状态所做的最新更改。