React .setState（）中的扩展运算符>> [

Question

给出以下从React类组件中提取的片段：

constructor(props) {
    super(props)
    this.state = { active: true }
  }

  deactivate = () => {
    this.setState({ ...this.state, active: false })
  }

传播运算符进入stopCounter（）方法的目的是什么？该应用程序还可以删除它：

  deactivate = () => {
    this.setState({ active: false })
  }

给出从React类组件中提取的以下代码段：构造函数（props）{super（props）this.state = {active：true}} deactivate =（）=> {this.setState（{... this .. ..

Answer 1

两者在这种情况下都有效，但是您不需要使用它。只需设置状态就可以了：

Answer 2

目标只是将active设置为false，其余部分保持不变。您可以仅通过传递所需的名称来编辑状态的一部分，而跳过其余的名称。

Answer 3

第二个代码段有效，因为React隐式为您进行了扩展。每React's documentation for setState：