文本必须在<Text>组件中呈现

Question

尽管环顾四周其他问题，但我似乎仍然无法解决我的问题。它仍然认为在某处有文字，我只需要知道我是否完全忽略了某些内容即可。我是整个React Native和React.js的新手。

``

<View style={styles.body}>
  {restaurantData.length ? (
      <Text>{restaurantData.length}</Text>
   ) : null}
  {restaurantData ? (
      <View>
            {restaurantData.map((restaurant) => (
                  <Cards restaurantData={restaurant} />
            ))}
      </View>
   ) : null}
   <Button onPress={getData} title="Get Data" />
   <Divider style={{backgroundColor: 'blue'}} />;
   <Button onPress={refreshData} title="Get Next 20 Restaurants" />
</View>

``

Answer 1

有一个';'在此链接的末尾。尝试将其删除，看看是否可以解决您的问题。如果认为我会检查代码周围是否有多余的空间。有时，React本机不喜欢在标签周围尾随空格或空格。

<Divider style={{backgroundColor: 'blue'}} />;