Beispiel für die Verwendung der setInterval-Funktion in React

importiere React, {Komponente} von „react“;
importiere { Radio, Button, Icon } von „antd“;

Klasse List erweitert Component {
  Konstruktor(Requisiten) {
    super(Requisiten);
    dieser.Zustand = {
      online: falsch,
    };
  };

  handleLogin=()=>{
    localStorage.setItem('Benutzername','xuzheng');
  };

  handleLogout=()=>{
    localStorage.removeItem('Benutzername');
  };

  KomponenteDidMount(){
    dieser.timer = setzeInterval(() => {
      dies.setState({
        online: localStorage.username ? true : false,
      })
    }, 1000);
  }

  componentWillUnmount() {
    wenn (dieser.timer != null) {
      : ClearInterval(dieser.Timer);
    }
  }

  rendern() {
    zurückkehren (
      <div>
        <div>
          <Symboltyp='Benutzer' Stil={{marginRight:'8px'}}/>
          <span>{localStorage.username ? localStorage.username : 'Nicht angemeldet'}</span>
        </div>
        <div Stil={{marginTop:'20px'}}>
          <Button type='primary' onClick={this.handleLogin}>Anmelden</Button>
        </div>
        <div Stil={{marginTop:'20px'}}>
          <Button type='primary' onClick={this.handleLogout}>Abmelden</Button>
        </div>
      </div>
    )
  }
}

Standardliste exportieren;