2017-10-13 51 views
-1

我在“预期的组件类,得到[对象对象]”上遇到此问题。我已经查找了Stack中的所有相关问题,我通过大写我的对象来跟踪其中的大部分问题,但发生了相同的错误。一些伟大的指针将不胜感激。预期组件类,得到[对象对象] - 反应本机

这是我App.js文件

import React from 'react'; 
import { StyleSheet, AppRegistry, Text, View } from 'react-native'; 
import Login from "./Login"; 

export default class App extends React.Component { 
    render() { 
    return (
    <Login /> 
    ); 
    } 
} 

和我Login.js文件

import React from 'react'; 
import{ 
StyleSheet, 
View, 
Text, 
Image, 
touchableOpacity, 
TextInput, 
KeyboardAvoidingView 
} from 'react-native'; 

export default class Login extends React.Component{ 
render(){ 
    return(
    <KeyboardAvoidingView 
    behavior="padding" 
    style={styles.container}> 
     <View style={styles.logoContainer}> 
     </View> 
     <View style={styles.formContainer}> 
     <TextInput 
      underlineColor="transparent" 
      placeholder="Email" 
      returnKeyType="next" 
      keyboardType="email-address" 
      onSubmitEditing={()=> this.passwordInput.focus()} 
      style={styles.input}/> 
     <TextInput 
      underlineColor="transparent" 
      placeholder="Password" 
      secureTextEntry 
      returnKeyType="go" 
      ref={(input) => this.passwordInput = input} 
      style={styles.input}/> 
      <touchableOpacity 
      style={styles.buttonContainer}> 
      <Text style={styles.textButton}>Login</Text> 
      </touchableOpacity> 
     </View> 
    </KeyboardAvoidingView> 
    ); 
    } 
    } 

它返回预期的组件类的错误,拿到的翻译:

提前致谢。要么我太盲目,看不到我的错误,要么我完全错了。

+1

'touchableOpacity'是小写的'Login' ... – Li357

+0

@AndrewLi是解决该问题谢谢! – Yikern

回答

0

发现错误,我只需要大写我的组件。 touchableOpacity - >TouchableOpacity 感谢李国

相关问题