反应：“PrevState”和“=>”的代码解释[重复]

Question

我是一个新手，需要做出反应并尝试更好地理解java脚本代码。

我使用了下面的代码，它工作正常：基本上，当用户输入某个内容时，该函数将采用“description”的先前状态，并使用新值更新“description”。

然而，我不太明白这是如何在代码中完成的，我希望得到一个解释（特别是关于"=

onChangeDescription(e) {
    const description = e.target.value;

    this.setState(prevState => ({
      currentTutorial: {
        ...prevState.currentTutorial,
        description: description
      }
    }));
  }

我还想用（）记录用户输入=




Answer 1

setState是一个异步进程，所以当你的新状态依赖于以前状态的值时，建议使用这种回调格式，在那里你得到状态中的最后一个现值。

关于控制台，请使用下面的

    this.setState(prevState => ({
      currentTutorial: {
        ...prevState.currentTutorial,
        description: description
      }
    }), () => console.log(this.state)));

在这里阅读更多关于它的信息https://reactjs.org/docs/state-and-lifecycle.html#state-更新可能是异步的