Nativ reaktiv: Ein Kind, das keinen YogaNode oder Elternknoten hat, kann nicht hinzugefügt werden
Habe gerade angefangen, reaktionsnormal zu lernen,
Ich habe eine separate Datei flexdemo.js erstellt und die Komponente wie folgt erstellt:
%Vor%und App.js Datei ist wie folgt:
%Vor%Das gibt mir diesen Fehler:
Wenn ich jetzt versuche, den Code durch Hinzufügen von flexdemo.js-Code in App.js auszuführen, funktioniert alles.
Die App.js wurde folgendermaßen geändert:
%Vor% 
5 Antworten
Ich konnte das Problem mit dem von Ihnen angegebenen Code reproduzieren. Die Lösung ist zweifach:
-
In Ihrer Datei "flexdemo.js" sollten Sie die Leerzeichen aus den
%Vor%<View>-Tags entfernen. Sie werden als Text betrachtet, und Text ist nur innerhalb einer<Text>-Komponente zulässig. Ich würde empfehlen, dass Sie Ihre<View>-Tags selbstschließend machen, bis sie etwas Inhalt haben, um sich in Zukunft von diesem Problem fernzuhalten, so:Dies wird Ihre Komponenten aber immer noch fehlerhaft machen, da Sie nichts auf dem Bildschirm sehen werden.
-
Damit Ihre flexiblen Blautöne angezeigt werden, müssen Sie entweder der Komponente
<View>in der Datei App.js Flex hinzufügen oder (je nachdem, was Ihre nächsten Schritte sind, denke ich) sie entfernen und rende deine<FlexibleViews>als root-Komponente, da es im Grunde eine<View>-Komponente mit einigen Kindern ist.
Es kann mehrere Gründe für dieses Problem geben. Hier die drei, die ich am meisten gesehen habe:
-
Kommentare könnten die Ursache sein. Aber statt Kommentare zu entfernen machen sie arbeiten:
Im
%Vor%return()-Part müssen Variablen in {} like eingebunden werden{this.state.foo}, so dass das Umbrechen der Kommentare gut funktioniert ...... solange sie nicht das erste oder letzte Element in der return-Anweisung sind:
%Vor% -
Bedingtes Rendering könnte die Ursache sein. Wenn myCheck nicht definiert ist oder eine leere Zeichenfolge, die fehlschlagen kann:
%Vor%aber doppelte Negation hinzufügen !! funktioniert:
%Vor% -
Whitespaces (oder tatsächlich irgendwelche Zeichenfolgen) innerhalb einer Komponente können verursachen dies, wenn nicht in
<Text>-Komponente:Text in einer Ansicht zum Beispiel:
%Vor%Aber auch der winzige Abstand zwischen zwei Komponenten:
%Vor%Aber funktioniert, wenn in einer neuen Zeile:
%Vor%
Leider führen diese Fallstricke nicht immer zu Fehlern. Manchmal arbeiten sie. Ich schätze, das hängt davon ab, welche der vielen Tools / Lymes / Komponenten du verwendest und deren Versionen in deiner App.
Ich downgrade reagieren native Version, dann habe ich einen anderen Fehler, im Grunde, was es war ich hatte eine einfache Zeichenfolge in einer Ansicht, etwa so:
%Vor%Ich musste die Zeichenfolge mit einer Textkomponente wie dieser umschließen:
%Vor%hoffe das hilft
Tags und Links react-native react-native-android