类型错误：超级表达式必须为空或反应本机中的函数_inherits

Question

In react-native.I will create a simple app and also a web app. React-native application output the error show in image.

Super expression must either be null or a function, not undefined

Error image

My code is:

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

class App extends React.Component() {
 render(){
   return (
     <View style={styles.container}>
       <Text>Hello World</Text>

     </View>
   );
 }
}
export default App;

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

Answer 1

Try removing the parenthesis on the class definition.

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

class App extends React.Component {
 render(){
   return (
     <View style={styles.container}>
       <Text>Hello World</Text>

     </View>
   );
 }
}
export default App;

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