Wie man Reactjs-Komponenten anzeigt / ausblenden

Question

Versuch, Reactjs zu lernen .. Aber was mich verwirrt, ist das Rendern der Komponente. Jedes Beispiel, das ich gesehen habe, definiert eine Reaktionskomponentenklasse und hat am Ende etwas wie:

generasacodicetagpre.

Ich verstehe, dass es das Element "Comp" mit meiner Komponente ersetzt. Das ist großartig. Es scheint jedoch, wenn ich 20 Komponenten lade, alle 20 Render. Ich möchte jedoch nur einige und nicht alle rendern, sondern alle in meinem ganzen Spa verwenden. Ich verwende Regisseurjs-Router, und je nachdem, ob sich ein Benutzer anmeldet oder nicht, und / oder auf bestimmte Links geht, möchte ich nur einen oder diese Komponenten anzeigen. Ich kann keine Info / Beispiele / Tutorials zum dynamischen Verwalten von Anzeigen oder Verstecken der Reaktionskomponenten finden. Darüber hinaus, was ich wirklich gerne tun würde, ist, je nach Links zu laden, je nach Anklang und in diesen Teilungen, die sie mit Reaktionskomponenten verwenden würden, also nur zu dieser Zeit die Komponente laden / verwenden. Ist das möglich? Wenn ich also damit umgehen könnte? Ich könnte mit dem Laden von 20+ Komponenten ein einmalig laden

Answer 1

Erstes, rendere nur das, was nötig ist.Es ist einfacher zu verfolgen und es ist schneller.

Um tatsächlich "Swap zwischen den Seiten" tauschen ", ist es so einfach wie, eine Variable in Ihrem Zustand / Requisiten eingestellt und diese VAR verwenden, um bedingt zu rendern, was Sie brauchen.Die Rolle des selektiven Renderns, was immer Sie naturgemäß wünschen, geht naturgemäß zur Elternkomponente.Hier ist eine Arbeitsgilde mit Regie: http://jsfiddle.net/l7mua/3/

Schlüsselpart, in App:

generasacodicetagpre.

Beachten Sie, dass Sie über die HTML-SUCHE-JSX-Syntax hinausgehen, verwenden Sie wirklich JavaScript.Bedingungsbedingungen funktionieren immer noch, iterationen funktionieren immer noch etc.