reactive native - 구성 요소 클래스가 예상됨, [Object] 확인

reactive native - 구성 요소 클래스가 예상됨, [Object] 확인

내가 만든 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);

그리고 여기 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>
        );
    }
}

이름을 바꿔야 한다.loginPage로 분류하다.LoginPage, 클래스는 자본화되어야 한다.

loginPage.js

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

const LoginPage = () => {
    return (
        <View>
                <Text>
                    Welcome to React Native!
                </Text>
            </View>
    );
}
export default LoginPage;

색인.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>
        );
    }
}

꼬리표를 떼다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 (

                <loginPage/>

        );
    }
}

AppRegistry.registerComponent('app', () => app);

참조URL: https://stackoverflow.com/questions/38038751/react-native-expected-a-component-class-got-object-object