Android模擬器錯誤 - 期望獲得[object，object]的組件類

Question

儘管代碼看起來很準確，但React本機拋出了這個奇怪的異常。我正在使用react-native 0.48。

圍護index.js和login.js源代碼

Login.js

import React, { Component } from "react"; 
import { 
    AppRegistry, 
    Text, 
    View, 
    TouchableOpacity, 
    Label, 
    TextInput 
} from "react-native"; 
import { StackNavigator } from "react-navigation"; 
class LoginPage extends Component { 
    constructor(props) { 
    super(props); 
    } 

    render(){ 
    // const { navigate } = this.props.navigation; 
    return(
     <View> 
     <Label Text="Login" /> 
     <TextInput placeholder="UserName" /> 
     <TextInput placeholder="Password" /> 
     <TouchableOpacity Text="Login" /> 
     </View> 
    ); 
    } 
} 

export default LoginPage; 

Index.js

//Root Component 

import React, { Component } from "react"; 
import { AppRegistry, View, Text } from "react-native"; 
import Root from "./config/router.js"; 
import LoginPage from './components/user/Login'; 
class App extends React.Component { 
    render() { 
    return (

     <View> 
     <LoginPage /> 
     <Text>this is index component </Text> 
     </View> 
    ); 
    } 
} 

export default App; 

連我都看計算器問題有關這個問題 StackOverflow .. Stilll我不能夠f找出問題。

router.js

//Screen router 
import React, { Component } from "react"; 
import { StackNavigator } from "react-navigation"; 
import LoginPage from "../components/user/Login"; 
import Register from "../components/user/Register"; 
//import App from "../index"; 

export const Root = StackNavigator({ 
    login: { screen: LoginPage }, 
    Register:{screen:Register} 
}); 

Answer 1

你不能使用首字母作爲一個小後者爲您的組件如果要導入或使用it.first組件的後者必須是大寫，否則你會得到這個錯誤

<label Text="Login" /> //invalid 
<Label Text="Login" /> //Valid