Programmgesteuert fügt eine Komponente in React Native hinzu

Versuchen Sie, ein Array zu erstellen und es an den Status anzuhängen. Sie können dann Elemente in das Array schieben und den Status zurücksetzen.

Ссылка

Ich habe ein funktionierendes Beispiel hier eingerichtet.

In reagieren oder reagieren native die Art und Weise, die Komponente verstecken / anzeigen oder hinzufügen / entfernen funktioniert nicht wie in Android oder iOS. Die meisten von uns denken, dass es ähnliche Strategien wie

  

View.hide = true oder parentView.addSubView (childView

Aber die Art und Weise, native Arbeit zu reagieren, ist völlig anders. Der einzige Weg, um diese Art von Funktionalität zu erreichen, besteht darin, Ihre Komponente in Ihr DOM aufzunehmen oder aus dem DOM zu entfernen.

Hier in diesem Beispiel werde ich die Sichtbarkeit der Textansicht basierend auf dem Klick auf die Schaltfläche einstellen.

Bildbeschreibung hier eingeben

Die Idee hinter dieser Aufgabe ist die Erstellung einer Statusvariablen mit dem Namen state, bei der der Anfangswert auf false gesetzt ist, wenn das Klickereignis auf die Schaltfläche trifft und dann der Wert wechselt. Jetzt werden wir diese Statusvariable während der Erstellung der Komponente verwenden.

Das Einzige, was in diesem Snippet zu bemerken ist, ist renderIf, was eigentlich eine Funktion ist, die die übergebene Komponente basierend auf dem booleschen Wert zurückgibt, der an sie übergeben wurde.

renderIf (Prädikat) (Element).

  

renderif.js

Mit React-Komponenten möchten Sie nicht an Aktionen denken, die in das DOM hineinreichen und Komponenten einfügen - Sie möchten Komponenten als Reaktion auf Aktionen betrachten. Theoretisch ist diese Komponente bereits zusammengesetzt und bereit, sie muss nur wissen, ob sie gerendert werden soll oder nicht:

Ich habe auch einen Helfer gemacht, der es einfach macht, Dinge zu rendern, render-if

ECMA6 Syntax