必须在构造函数中使用解构道具分配错误[重复]答案

【问题标题】：Must use destructuring props assignment error in constructor [duplicate]必须在构造函数中使用解构道具分配错误[重复]
【发布时间】：2021-03-23 19:43:32
【问题描述】：

关于 lint 代码验证错误：

error  Must use destructuring props assignment  react/destructuring-assignment

我对解构属性的概念不熟悉，我对如何对以下代码使用解构方法感到有些困惑：

  constructor(props) {
    super(props);
    this.state = {
      clickedFirstTime: !this.props.showDefault,
    };
  }

请注意在 Google 上发现此内容的其他人，我已阅读以下资源以帮助我了解解构是什么，但我无法弄清楚在这种情况下如何进行：

【问题讨论】：

【解决方案1】：

The rule希望你永远不要写this.props.…。在这种情况下，它正在寻找

constructor(props) {
  super(props);
  const { showDefault } = this.props;
  this.state = {
    clickedFirstTime: !showDefault,
  };
}

但实际上你的代码很好，如果它很烦人，你应该禁用它。

【讨论】：

【解决方案2】：

  constructor({...props}) {
    super(props);
    this.state = {
      clickedFirstTime: !this.props.showDefault,
    };
  }

【讨论】：