am starting with React Nturn on and always give me this error cant find variable:Component

Question

index.js
import {AppRegistry} from 'react-native'
import App from './app'
import {name as appName} from './app.json'

AppRegistry.registerComponent(appName,() => App)

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

export default class App extends component {
  render(){
    return(
      <text>test</text>
    )
  }
}

Answer 1

The word "Component" should be capitalized. Also, "text" should be imported from the "React-Native" library. Component names in React should always start with uppercase. Change your code to look like this:

import {AppRegistry, Text} from 'react-native'
import App from './app'
import {name as appName} from './app.json'

AppRegistry.registerComponent(appName,() => App)

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

export default class App extends Component {
  render(){
    return(
      <Text>test</Text>
    )
  }
}

Answer 2

You need to import the Component to use it, and it must have the first letter capitalized:

import React, { Component } from 'react';