必须使用解构道具分配（react/destructuring-assignment）

Question

我已经将 eslint airbnb 标准应用到我的代码中，所以现在这段代码：

handleSubmit = (event) => {
  event.preventDefault();
  this.props.onSearch(this.query.value);
  event.target.blur();
}

导致此错误：

[eslint] Must use destructuring props assignment (react/destructuring-assignment)

onSearch 基本上是一个将值传递给父组件的触发器。

如何重构此代码以满足 eslint 要求？

Answer 1

handleSubmit = (event) => {
    event.preventDefault();

    const {onSearch} = this.props
    const {value} = this.query
    onSearch(value)

    event.target.blur();
}

必须使用解构道具分配（react/destructuring-assignment）

Must use destructuring props assignment (react/destructuring-assignment)

reactjs

eslint

eslint-config-airbnb