heinetz: eslint(react/destructuring-assignment)

Hallo Forum,

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

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

danke und

gruss, heinetz

  1. 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

    1. Hallo CK,

      danke, das funktioniert.

      gruss, heinetz