reactjs - 必须使用解构 props 赋值 (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();
}