必须在构造函数中使用解构道具分配错误

Question

关于 lint 代码验证错误：

error  Must use destructuring props assignment  react/destructuring-assignment

我是解构属性概念的新手，我对应该如何对以下代码使用解构方法感到有点困惑：

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

请注意在 Google 上发现此问题的其他人，我已阅读以下资源以帮助我理解解构是什么，但我只是无法弄清楚在这种情况下该怎么做：

Answer 1

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

Answer 2

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

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

但您的代码确实很好，如果它很烦人，您应该禁用该规则。

Must use destructuring props assignment error in constructor