Reacts Methode zur Realisierung einer sekundären Verknüpfung

 {this.state.isToggleOn && (
    <Panel
        beiZeitänderung={dies.beiZeitänderung}
        beiKlick={this.closeMask}
        list={this.state.timeList} //Schnittstellendaten status={this.state.status} //Aktueller Produktstatus, optional/>
   )}

importiere { Komponente } von "@tarojs/taro";
importiere { Ansicht, Text } aus "@tarojs/components";
importiere SendTime aus "../time";
importiere "./index.scss";

exportiere Standardklasse Panel erweitert Komponente {
  Konstruktor(Requisiten) {
    super(Requisiten);
  }

  statische Standardeigenschaften = {
    Liste: [],
    Status: ""
  };

  beiKlick() {
    dies.props.onClick();
  }

  beiZeitänderung(Datum, Uhrzeit) {
    this.props.onTimeChange(Datum, Uhrzeit);
  }

  rendern() {
    zurückkehren (
      <Klassenname anzeigen="panel-modal">
        <Sendezeit
          Liste={diese.props.list}
          beiKlick={dies.beiKlick}
          beiZeitänderung={dies.beiZeitänderung}
          Status = {diese.props.status}
        />
      </Anzeigen>
    );
  }
}

importiere { Komponente } von "@tarojs/taro";
importiere { Ansicht, Text } aus "@tarojs/components";
importiere { Bildliste } aus "../../Bild";
importiere "./index.scss";

sei dateNum = 0,
  ZeitNum = 0;
exportiere Standardklasse SendTime erweitert Komponente {
  Konstruktor(Requisiten) {
    super(Requisiten);

    dieser.Zustand = {
      Datumsnummer: Datumsnummer,
      ZeitNum: ZeitNum,
      Zeitliste: [],
    };
  }

  statische Standardeigenschaften = {
    Liste: [],
  };

  beiKlick() {
    dies.props.onClick();
  }

  SchalterTag(Index, Info) {
    dies.setState({
      Datumsnummer: Index,
    });
    Datumsnummer = Index;
    dies.switchTime(zeitNum);
    let date = info? info.date: "";
    let Zeit = info und info.timeSegmentList? info.timeSegmentList[0]: "";
    dies.setState({
      Zeitliste: info.ZeitSegmentListe,
    });
    dies.onTimeChange(Datum, Uhrzeit);
  }

  schalteZeit(index) {
    let dateNum = dieser.zustand.dateNum;
    dies.setState({
      ZeitNum: Index,
    });
    ZeitNum = Index;
    let date = this.props.list[Datumsnummer] ? this.props.list[Datumsnummer].date : "";
    let Zeit = this.props.list[Datumsnummer]
      ? diese.props.list[Datumsnummer].Zeitsegmentliste[Index]
      : "";
    wenn (Index != 0) {
      dies.onTimeChange(Datum, Uhrzeit);
    }
  }

  beiZeitänderung(Datum, Uhrzeit) {
    this.props.onTimeChange(Datum, Uhrzeit);
  }

  KomponenteWillMount() {
    dies.setState({
      timeList: ["Sofort versenden, nachdem die Gruppe gebildet wurde"],
    });
  }

  componentDidMount() {
    wenn (diese.props.status) {
      this.switchDay(Datumsnummer, this.props.list[Datumsnummer]);
    } anders {
      (Datumsnummer = 0), (Zeitnummer = 0);
      dies.setState(
        {
          Datennummer: 0,
          Zeitzahl: 0,
        },
        () => {
          dies.switchDay(0, diese.props.list[0]);
        }
      );
    }
  }

  getClassName(index) {
    Schalter (Index) {
      Fall this.state.dateNum:
        returniere "send-data-li aktuell";
      Standard:
        gibt "send-data-li" zurück;
    }
  }

  rendern() {
    zurückkehren (
      <Ansicht>
        <View className="Sendezeit-Titel" onClick={this.onClick}>
          <Text>Lieferzeit</Text>
          <Klassenname anzeigen="schließen" />
        </Anzeigen>
        <Klassenname anzeigen="Sendezeit-Kontrolle">
          <Klassenname anzeigen="Sendedatumsliste">
            {this.props.list.map((info, index) => (
              <Ansicht
                Schlüssel={index}
                Klassenname={
                  index === dieser.status.datumsnummer
                    ? "sende-data-li aktuell"
                    : "sende-daten-li"
                }
                bei Klick={dieser.switchDay.bind(dieser, index, info)}
              >
                <Text className="txt">{info ? info.date : ""}</Text>
              </Anzeigen>
            ))}
          </Anzeigen>
          <Klassenname anzeigen="send-r-time">
            {this.state.timeList.map((info, index) => (
              <Ansicht
                Schlüssel={index}
                Klassenname={
                  index === dieser.zustand.zeitNum
                    ? "send-r-li aktuell"
                    : "send-r-li"
                }
                bei Klick = {this.switchTime.bind(this, index)}
              >
                <Klasse anzeigen="send-r-flex">
                  <Text class="txt">{info}</Text>
                  <Bild
                    Klassenname="blau-ok"
                    src={Bildliste.blueOk}
                    Modus = {"aspectFit"}
                    lazy-load={true}
                  />
                </Anzeigen>
              </Anzeigen>
            ))}
          </Anzeigen>
        </Anzeigen>
      </Anzeigen>
    );
  }
}