Question

我正在尝试绘制2列平面清单。我正在使用的数组没有ID，只有字符串组件。我收到错误消息“文本字符串必须在文本组件中呈现”

  state = {
    groups: [],
  };
  constructor(props) {
    super(props);
    this.userId = firebase.auth().currentUser.uid;
    this.matches = firestore()
      .collection("users")
      .doc(this.userId)
      .onSnapshot((doc) => {
        this.setState({
          groups: doc.data().matches,
        });
      });
  }
  render() {
    return (
      <View style={styles.container}>
        <FlatList
          contentContainerStyle={styles.list}
          data={this.state.groups}
          keyExtractor={(item, index) => item.id}
          renderItem={({ item }) => (
              <View style={styles.item}>
                <Text style={styles.title}>{}</Text>
                <Image />
              </View>
          )}
        />
        );
        <StatusBar style="auto" />
      </View>
    );
  }
}

Answer 1

您应在之前删除两个符号); <StatusBar style="auto" />

Answer 2

此错误是您像这样多次使用<View>组件

render(){
    return(
      <View>
       <Text>Testing purpose</Text>
      </View

      <View>
       <Text>Testing purpose Again</Text> 
      </View>
     )}

或者当您忘记使用</View>

之类的 '/' 来关闭任何组件时

平面列表未呈现“文本字符串必须在文本组件中呈现”

2 个答案: