Christian Kruse: eslint(react/destructuring-assignment)

Beitrag lesen

Hallo heinetz,

ich bin relativ neu mit REACT unterwegs und habe folgenden Code geschrieben. Der funktioniert auch. Aber eslint meckert.

   this.video.current.src = this.props.videos.chapters[this.state.chapter].levels[
      this.state.level
    ].video;

Must use destructuring props assignment

Das bezieht sich auf diese Regel.

Kann mir jemand verraten, wie ich das so schreibe, dass es eslint gefällt?

Man müsste den Code sehen, um sicher zu sein, allerdings vermute ich, dass er sich an dem this.props und dem this.state stösst. Schreibs so:

const { chapter, level } = this.state;
const { videos } = this.props;
this.video.current.src = videos.chapters[chapter].levels[level].video;

LG,
CK