React Native: Создать ошибку компонента

Question

Я пытаюсь создать реагирующий собственный компонент, в основном просто перерисовывая экран по умолчанию через компонент. Но я получаю сообщение об ошибке:

Cant find variable: Component

Login.js:

'use strict'; 
    var React = require('react-native'); 
    var { 
     AppRegistry, 
     Component, 
     StyleSheet, 
     Text, 
     View 
    } = React; 

    var SearchScreen = React.createClass({ 

     getInitialState: function() { 
     return { 
     }; 
     }, 
     render: function() { 
     return (
      <View style={styles.container}> 
      <Text style={styles.welcome}> 
       Welcome to React Native! 
      </Text> 
      <Text style={styles.instructions}> 
       To get started, edit index.android.js 
      </Text> 
      <Text style={styles.instructions}> 
       Shake or press menu button for dev menu 
      </Text> 
      </View> 
     ); 
    } 
    }); 


    const styles = StyleSheet.create({ 
     container: { 
     flex: 1, 
     justifyContent: 'center', 
     alignItems: 'center', 
     backgroundColor: '#F5FCFF', 
     }, 
     welcome: { 
     fontSize: 20, 
     textAlign: 'center', 
     margin: 10, 
     }, 
     instructions: { 
     textAlign: 'center', 
     color: '#333333', 
     marginBottom: 5, 
     }, 
    }); 

module.exports = Login; 

index.android.js:

/** 
* Sample React Native App 
* https://github.com/facebook/react-native 
*/ 
'use strict'; 
var React = require('react-native'); 
var { 
    AppRegistry 
} = React; 

var Login = require('./Login'); 

class theUI extends Component { 
    render() { 
    return (
     <Login /> 
    ); 
    } 
} 

AppRegistry.registerComponent('theUI',() => theUI); 

Компонент не могу найти <Login />.

Я просмотрел пример фильма в официальном репо, а также несколько других примеров, и я не могу понять, что я делаю неправильно/по-другому.

Я нахожусь в окнах 10, как index.android.js, так и login.js находятся в корневом каталоге (ни в поддиректориях).

Answer 1

Вы забыли включить класс Component из React.

var { 
    AppRegistry, 
    Component, 
} = React; 

ИЛИ

class fortysevenui extends React.Component {