Question

我在“Expected a Component class，Got [object Object]”上遇到过这个问题。我已经在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>
    );
   }
  }

返回预期组件类的错误，得到[object Object]

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

Answer 1

发现错误，我只需要将我的组件大写。 touchableOpacity - ＆gt; TouchableOpacity 感谢Andrew Li

预期的Component类，得到[object Object] - React-Native

1 个答案: