React-native: Warum verursacht das Rendern einer leeren Ansichtskomponente einen Fehler, während eine Textkomponente ausgeführt wird?

Question

Ich versuche, ein Array von View-Komponenten in react-native zu erstellen, die an eine übergeordnete Komponente übergeben werden. Der folgende Code funktioniert nicht, wenn ich jedoch Text statt View verwende, funktioniert es. Ich möchte die Ansicht verwenden, um leere oder gefüllte Kreise anzuzeigen. Ich konnte den Grund dafür nicht finden und ich gehe davon aus, dass es möglich sein sollte, eine leere Ansicht zu verwenden. Was mache ich falsch?

Dies wird geben "RawText" "muss in einer expliziten Komponente eingehüllt werden."

jedoch, wenn die Verwendung

scores.push(<Text style={styles.emptyCircle} key={i}> </Text>); 

es funktioniert.

Aus einem Listview als

_renderCard(item){ 
var cardBottom = new cardRenderer(); 
var childView = cardBottom.renderScore(item.balance, item.fulfill, item.markImage); 
console.log(childView); 
return(
<View style={styles.mainConatiner}> 
    <View style={styles.leftConatiner}> 
     <Image 
     source={{uri: item.avatarLeft}} 
     style={styles.thumbnail} 
     /> 
    </View> 

    <View style={styles.rightConatiner}> 
     <View style={styles.rightUpConatiner}> 
      <Text style={styles.title}>{item.title}</Text> 
      <Text style={styles.title}>{item.subTitle}</Text> 
      <Text style={styles.title}>{item.expires}</Text> 
     </View> 

     <View style={styles.rightDownConatiner}>{childView}</View> 
    </View> 
</View> 
); 

}

Answer 1

versuchen diese

return(<View>{scores}</View>);