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;

來源

2017-10-07 MTM

你不需要從'React.Component'而不是'Component'擴展嗎？ – spuente

對不起，我只是沒有粘貼前幾行，因爲它們看起來很明顯。更新了示例！感謝通過做組件的反應解構{組件}我可以使用它沒有點符號來回答你的問題:) – MTM

需要，因爲JSX需要資本化成分重命名mainNav到MainNav。

來源

2017-10-07 20:42:48 dostu

當然！我會把它放在我的疲憊之中。非常感謝！ – MTM

只是打敗了我 –

React-navigation不是組件類型？

回答

相關問題