소품 파괴 할당(반응/파괴-할당)을 사용해야 합니다.

소품 파괴 할당(반응/파괴-할당)을 사용해야 합니다.

eslint Airbnb standard를 코드에 적용했으므로, 이 코드는 다음과 같습니다.

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

는 다음 오류를 일으킵니다.

[eslint] 소품 파괴 할당(리액트/파괴 할당)을 사용해야 합니다.

onSearch기본적으로 부모 컴포넌트에 값을 전달하는 트리거입니다.

eslint 요건을 충족하기 위해 이 코드를 리팩터링하려면 어떻게 해야 합니까?

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

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

    event.target.blur();
}

언급URL : https://stackoverflow.com/questions/53352851/must-use-destructuring-props-assignment-react-destructuring-assignment