Setze Zustand auf componentDidMount()

Question

Ich weiß, dass es ein Anti-Muster ist, um den Status auf componentDidMount setzen und ein Zustand sollte auf componentWillMount gesetzt werden, aber angenommen, ich möchte die Länge der Anzahl der li Tags als ein Zustand festlegen. In diesem Fall kann ich den Status nicht auf componentWillMount setzen, da die Tags li während dieser Phase möglicherweise nicht gemountet wurden. Also, was sollte hier die beste Option sein? Ist es in Ordnung, wenn ich den Status auf componentDidMount einstelle?

Answer 1

Es ist kein Anti-Pattern zum Aufruf setState in componentDidMount. In der Tat bietet ReactJS ein Beispiel dafür in their documentation:

in componentDidMount Daten abrufen. Wenn die Antwort eintrifft, speichern Sie die Daten im Status und lösen Sie ein Rendering aus, um Ihre Benutzeroberfläche zu aktualisieren.

Example From Doc

componentDidMount: function() { 
    this.serverRequest = $.get(this.props.source, function (result) { 
     var lastGist = result[0]; 
     this.setState({ 
     username: lastGist.owner.login, 
     lastGistUrl: lastGist.html_url 
     }); 
    }.bind(this)); 
    }