reaguje natywnie - oczekiwano klasy komponentu, otrzymałem [obiekt Object]

Question

Oczekiwano, że klasa komponentów otrzymała błąd obiektu, gdy próbuję użyć utworzonego przeze mnie komponentu loginPage.

tutaj jest 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); 

i tutaj jest 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

Trzeba zmienić nazwę loginPage klasa LoginPage klasa musi być wykorzystać

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

usunąć tagi w 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);