Должен использовать деструктурирующее назначение реквизита (реакция / деструктуризация-назначение)

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();
}