ネイティブに反応しました[オブジェクトオブジェクト]

Question

作成したloginPageコンポーネントを使用しようとすると、コンポーネントクラスにオブジェクトエラーが発生すると予想されます。ここ

は

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

、ここ

index.ios.jsあなたは LoginPageにご loginPageクラスの名前を変更する必要が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

であり、クラスが

を活用 でなければなりません

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

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