React-navigation不是组件类型?

问题描述:

非常基本的例子。我试图在我的应用程序组件中渲染我的StackNavigator,并得到“预期组件类,得到[对象对象]”。我已经看到它在几个不同的教程上工作,但我试图在一个项目中修补几件事,并在做这件事时非常基本的问题是不让我继续。我会感谢任何帮助,谢谢!React-navigation不是组件类型?

我当前的代码:

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; 
+0

你不需要从'React.Component'而不是'Component'扩展吗? – spuente

+0

对不起,我只是没有粘贴前几行,因为它们看起来很明显。更新了示例! 感谢通过做组件的反应解构{组件}我可以使用它没有点符号来回答你的问题:) – MTM

需要,因为JSX需要资本化成分重命名mainNavMainNav

+1

当然!我会把它放在我的疲惫之中。非常感谢! – MTM

+0

只是打败了我 –