Ich verzögere derzeit das Rendern einer Komponente, indem ich einen Zustand readyToRender
auf false initialisiere und ihn auf true setze, sobald ich die Daten habe, die zum Rendern der UI benötigt werden.Was ist das bevorzugte Entwurfsmuster, um das Rendern einer Komponente in React zu verzögern?
meine Funktion machen sieht ungefähr so aus:
if (this.state.readyToRender) {
return (
// render component
)} else {
return false; // don't render component
}
Ist dies das richtige Muster für dieses Problem zu verwenden, oder gibt es einen besseren Weg, dies zu lösen?
Verwandte Fragen:
sind Ihre Daten in Requisiten? – omerts
Diese Logik ist vollkommen in Ordnung. – Chris
Meine Daten sind momentan in 'this.state' gespeichert, aber das Design könnte natürlich auch neu gemacht werden, so dass ich die Daten als Requisiten übergebe. –