反应原生 - 期望一个组件类,得到[object Object]

Emr*_*nce 37 javascript reactjs react-native

当我尝试使用我创建的loginPage组件时,我得到了一个组件类得到了对象错误.

这是index.ios.js

import React, {Component} from 'react';

import {
    AppRegistry,
    View
} from 'react-native';

import loginPage from './pages/loginPage'

class app extends Component {
    render() {
        return (
            <View>
                <loginPage/>
            </View>
        );
    }
}

AppRegistry.registerComponent('app', () => app);
Run Code Online (Sandbox Code Playgroud)

这是loginPage.js

import React, { Component } from 'react';
import {
    StyleSheet,
    Text,
    View
} from 'react-native';

export default class loginPage extends Component {
    render() {
        return (
            <View>
                <Text>
                    Welcome to React Native!
                </Text>
            </View>
        );
    }
}
Run Code Online (Sandbox Code Playgroud)

fan*_*dro 96

您需要将loginPage类重命名为LoginPage,类必须大写

  • 惊人的答案! (2认同)
  • 真棒!谢谢,但为什么会这样呢? (2认同)
  • @BenBieler以下是答案:http://stackoverflow.com/questions/30373343/reactjs-component-names-must-begin-with-capital-letters (2认同)