Androidエミュレータエラー - コンポーネントクラスに[オブジェクト、オブジェクト]があります。

Question

コードが正確であるように見えるにもかかわらず、この奇妙な例外をスローするリアクションネイティブ。私は反応ネイティブ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の質問を参照してくださいしていますこの問題 StackOverflow ..スチル私はfにすることができない問題を解き明かしてください。インポートまたはコンポーネントのit.first後者を使用している場合は、あなたのコンポーネントの小さな後者として最初の文字を使用することはできません

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

は大文字でなければならないそうしないと、このエラーが発生します

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