Javascript JSX表达式必须有一个父元素。ts（2657）

我用的是React Native，我是那里的大一新生，这里有什么问题：有错误吗 我用的是React Native，我是那里的大一新生，这里有什么问题：有错误吗 我用的是React Native，我是那里的大一新生，这里有什么问题：有错误吗 我用的是React Native，我是那里的大一新生，这里有什么问题：有错误吗 我用的是React Native，我是那里的大一新生，这里有什么问题：有错误吗 我用的是React Native，我是那里的大一新生，这里有什么问题：有错误吗

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default function App() {
  return (
  


    <View style={styles.container}>
      <Text>Open up App.js to start working on your app!</Text>
      <StatusBar style="auto" />
    </View>

    <View >
<Text>ffff</Text>
      </View>
 
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: 'red',
  },
});

从“React”导入React；
从“react native”导入{样式表、文本、视图}；
导出默认函数App（）{
返回(
打开App.js开始使用你的应用程序！
ffff
);
}
const styles=StyleSheet.create({
容器：{
弹性：1，
背景颜色：“#fff”，
对齐项目：“居中”，
为内容辩护：“中心”，
背景颜色：“红色”，
},
});

您必须将内容包装在父节或视图中，如下所示：

从“React”导入React；
从“react native”导入{样式表、文本、视图、状态栏}；
导出默认函数App（）{
返回(
打开App.js开始使用你的应用程序！
ffff
);
}
const styles=StyleSheet.create({
容器：{
弹性：1，
背景颜色：“#fff”，
对齐项目：“居中”，
为内容辩护：“中心”，
背景颜色：“红色”，
},
});

您必须将内容包装在父节或视图中，如下所示：

从“React”导入React；
从“react native”导入{样式表、文本、视图、状态栏}；
导出默认函数App（）{
返回(
打开App.js开始使用你的应用程序！
ffff
);
}
const styles=StyleSheet.create({
容器：{
弹性：1，
背景颜色：“#fff”，
对齐项目：“居中”，
为内容辩护：“中心”，
背景颜色：“红色”，
},
});

您面临的问题是什么？您面临的问题是什么？