未定义组件反应本机

Question

我创建了一个空白页，并尝试将另一页的组件导入到空白页中。

App.js

从'react'导入React，{Component}; 从'./app.json'导入{name as appName};

导入{

    View,
    Text,
    StyleSheet,
    TextInput,
    Button,
    TouchableOpacity,
    AppRegistry

}来自“ react-native”；

从“ ./登录”导入登录名；

function validate（）{

alert("Button Clicked...")
console.log("Hello world!")

}

导出默认类App扩展组件{

render(){

    return(


        <Login />

        );

}

}

const styles = StyleSheet.create（{

container: {

    // justifyContent: 'center',
    // alignItems: 'center',
    backgroundColor: '#af522a',
    flex: 1

},
txtText: {

    textAlign: 'center',
    fontSize: 25,
    color: '#9daf2a'

},
txtInput: {

    height: 45,
    borderColor: '#9daf2a',
    borderWidth: 3,
    marginTop: 75,
    padding: 12,
    backgroundColor: '#FFFFFF',
    marginLeft: 16,
    marginRight: 16,
    borderRadius: 15
},
txtInput2: {

    height: 45,
    borderColor: '#9daf2a',
    borderWidth: 3,
    padding: 12,
    backgroundColor: '#FFFFFF',
    marginLeft: 16,
    marginRight: 16,
    marginTop: 24,
    borderRadius: 15

},
loginScreenButton:{
marginRight:40,
marginLeft:40,

marginTop：45，     paddingTop：10，     paddingBottom：10，     backgroundColor：'＃593eb2'，     borderRadius：10，     borderWidth：1     borderColor：'#fff'   }，   loginText：{       颜色：“＃fff”，       textAlign：'居中'，       paddingLeft：10，       paddingRight：10   }

}）

Login.js

从'react'导入React，{component}; 导入{

View,
TextInput,
StyleSheet

}来自“ react-native”；

导出默认类Login登录扩展组件{

render(){


    return(

        <View style = {styles.container}>
        </View>

        )

}

}

const styles = StyleSheet.create（{

container: {background: "#44c41d", flex: 1}

}）

错误

我刚开始使用本机操作，却没有那么多知识。所以，请告诉我是否有任何解决方案。

谢谢。

Answer 1

在Login.js中，您使用小写字母组件，

import React, {component} from 'react'

将其转换为大写。

import React, {Component} from 'react';