必须使用解构道具分配(反应/解构 - 分配)

Question

我已经将eslint airbnb标准应用于我的代码,所以现在这段代码:

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

导致错误

[eslint]必须使用解构道具赋值(反应/解构 - 赋值)

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

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

谢谢.

Answer 1

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

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

    event.target.blur();
}