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

Question

I've applied eslint airbnb standard to my code, so now this code:

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

causes this error:

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

onSearch basically a trigger that passes up a value to parent component.

How do I refactor this code to meet the eslint requirements?

Answer 1

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