react native - previsto una classe componente, ottenuto [oggetto oggetto]

Question

Mi aspettavo che una classe componente ricevesse errore oggetto quando provo a usare il componente loginPage che ho creato.

qui è 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); 

Ed ecco la 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> 
     ); 
    } 
} 

Answer 1

È necessario rinominare il loginPage classe per LoginPage, la classe deve essere capitalizzare

Answer 2

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> 
     ); 
    } 
} 

Answer 3

rimuovere i tag in 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);