Source:  Twitter logo

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?

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

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

    event.target.blur();
}
43 users liked answer #0dislike answer #043
lomse profile pic
lomse

Copyright © 2022 QueryThreads

All content on Query Threads is licensed under the Creative Commons Attribution-ShareAlike 3.0 license (CC BY-SA 3.0).