Android emulator error--Expected a component class got [object,object]

Question

即使代码看起来是准确的，React-native 也会抛出这个奇怪的异常。我正在使用 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 问题 StackOverflow .. 我仍然无法找出问题所在。

路由器.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