Android模拟器错误 - 指示组件类获得[对象，对象]

Question

即使代码似乎是准确的，反应本地投掷这个怪异的例外。我使用的是反应的0.48。

封闭index.js and 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 ..仍然无法弄清楚这个问题。

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