React-navigation은 구성 요소 유형이 아닙니까?

Question

매우 기본적인 예입니다. 내 StackNavigator를 내 App 구성 요소 내에서 렌더링하려고하는데 "예상되는 구성 요소 클래스가 [object object]"가됩니다. 몇 가지 다른 튜토리얼에서 작업하는 것을 보았습니다.하지만 한 프로젝트에서 몇 가지 사항을 패치하려고합니다. 그리고 매우 기본적인 문제는 저를 진행시키지 않는 것입니다. 어떤 도움을 주셔서 감사합니다, 감사합니다!

내 현재 코드 :

당신은 JSX 대문자 할 구성 요소를 필요로하기 때문에 MainNav에 mainNav의 이름을 바꿀 필요가

import React, { Component } from 'react'; 
import { StackNavigator } from "react-navigation"; 

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

class MainScreen extends Component { 
    static navigationOptions = { 
    title: "Welcome" 
    }; 

    render() { 
    return (
     <View> 
     <Text>Welcome to React Navigation</Text> 
     </View> 
    ); 
    } 
} 

const mainNav = StackNavigator({ 
    // Login: { screen: LoginScreen }, 
    Main: { screen: MainScreen } 
}); 



class App extends Component { 
    render() { 
    return (
     <mainNav /> 
    ); 
    } 
} 


export default App; 

Answer 1

.