Hören, wenn Statuswechsel über Redux - ReactJS

Question

Ich bin neu zu reactjs Framework und ich habe ein bisschen Verwirrung, wenn das richtige Weg zu hören, wenn Zustand nach einem API-Aufruf ändern.

Verwendung then und catch nach einem action über componentDidUpdate Aufruf: aufrufen

componentDidMount(){ 
     this.props.getHero(this.props.params.id).then((result) => { 
      this.props.initialize({ 
       "name":result.name, 
       "description": result.description 
      }); 
     }) 
     .catch(error => { 

     }); 
    } 

oder über componentWillUpdate

// Call the getHero action (API) 
componentDidMount(){ 
    this.props.getHero(this.props.params.id); 
} 

// Then listen if the state change via `mapToStateProps` 
componentDidMount(){ 
    this.props.getHero(this.props.params.id); 
} 
componentWillUpdate(){ 
     this.props.initialize({ 
      "name":this.props.heroes.name, 
      "description": this.props.heroes.description 
     }); 
    } 

Answer 1

in componentWillUpdate ist für Änderungen Anhören

componentWillUpdate() d unmittelbar vor dem Rendern, wenn neue Requisiten oder Zustände empfangen werden. Verwenden Sie dies als Gelegenheit, um Vorbereitungen zu treffen, bevor ein Update durchgeführt wird. Diese Methode wird nicht für das anfängliche Rendern aufgerufen.

Belastungsdaten in componentDidMount

componentDidMount() aufgerufen wird, unmittelbar nachdem ein Bauteil montiert wird. Initialisierung, die DOM-Knoten erfordert, sollte hier gehen. Wenn Sie Daten von einem Remote-Endpunkt laden müssen, können Sie hier die Netzwerkanforderung instanziieren. Wenn Sie in dieser Methode den Status festlegen, wird ein erneutes Rendern ausgelöst.