réagir natif prévu une classe de composant, ai [object object]

J'ai attendu une classe de composant obtenu objet d'erreur lorsque j'essaie d'utiliser loginPage composant que j'ai créé.

est ici 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);

et voici le 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>
        );
    }
}
  • les classes doivent être tirer parti, le modifier et de le lemme savoir la mise à jour.
  • merci, sa a fonctionné!
InformationsquelleAutor Emre Tekince | 2016-06-26
  1. 97

    Vous devez renommer votre loginPage classe de LoginPage, la classe doit être capitaliser

    • Incroyable Réponse !
    • Oh mon dieu, j'ai été aux prises avec cette pendant plus d'une heure..
    • Génial! Merci, mais pourquoi est-ce le cas?
    • Voici la réponse : stackoverflow.com/questions/30373343/...
    • alors, comment est-il avec la valeur par défaut créé avec réagissent-native init firstapp?
    InformationsquelleAutor fandro
  2. 4

    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;

    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>
        );
    }
}
    InformationsquelleAutor ayoub laaziz
  3. 0

    supprimer les balises dans 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);
    • Eh bien, j'ai en quelque sorte ne pouvez pas modifier ce parce que l'édition est de moins en moins de 6 caractères (merci) mais le <View></View> balises sont relatives à la sont pas rendu.
    InformationsquelleAutor Chandan Gr