React native React native:超级表达式必须为null或函数

我看到过类似的问题，但我似乎无法确定问题所在。我正在使用react native cli:2.0.1 react native:0.58.0-rc.2我刚刚开始学习react native。所以，我的代码非常基本

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

class GroupPin extends Component {

    render() {
        return (
            <View style={styles.container}>
                <Text>Hello World !!</Text>
            </View>
        );
    }
}

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

export default GroupPin;

import React，{Component}来自'React'；
从“react native”导入{View，Text，StyleSheet}；
类GroupPin扩展组件{
render（）{
返回(
你好，世界！！
);
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
为内容辩护：“中心”，
对齐项目：“中心”
}
});
导出默认的GroupPin；

这是我的App.Js文件

从“React”导入React；
从“react”导入组件；
从“react native”导入{样式表、平台、图像、文本、视图、滚动视图}；
从“react native firebase”导入firebase；
从“./Screens/GroupPin”导入GroupPin；
导出默认类应用程序扩展组件{
异步组件didmount（）{
//TODO:你：做firebase的事情
//const{user}=wait firebase.auth（）.signinanoymously（）；
//console.warn（'User->'，User.toJSON（））；
//等待firebase.analytics（）.logEvent（'foo'，{bar:'123'}）；
}
render（）{
返回；
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
为内容辩护：“中心”，
对齐项目：“居中”，
背景颜色：“#F5FCFF”，
},
});通过更改
[

导出默认类应用程序扩展组件

]到

此位需要被分解：
从“react”导入组件通过将{export default class App extends Component}更改为{export default class App extends React.Component}解决了这个问题。谢谢你在App.js中，加入第1行和第2行<代码>导入React，{Component}来自'React'
export default class App extends React. Component