如何在reactjs中顯示多個組件

Question

我已經編寫了一個簡單的應用程序，使用反應原生的android。我想知道如何在return函數中使用多個彼此相鄰的組件。如果我放入toolbar標記，則會顯示錯誤。

return (
<MovieScreen 
     style={{flex: 1}} 
     navigator={navigationOperations} 
     movie={route.movie} 
/> 
); 

以上作品。下面一個給出錯誤

return (
<Toolbar/> 
<MovieScreen 
     style={{flex: 1}} 
     navigator={navigationOperations} 
     movie={route.movie} 
/> 
); 

請幫忙。

Answer 1

如果您認爲您希望展示它，請將其包含在View標記中。

return (
    <View style={{flex: 1}}> 
    <Toolbar /> 
    <MovieScreen 
     style={{flex: 1}} 
     navigator={navigationOperations} 
     movie={route.movie} 
    /> 
    </View> 
); 

這應該有效。

Answer 2

你記得不能返回2個值嗎？您只能返回一個封裝標籤。所以，包裝一個視圖。它會工作:)

return (
    <View style={{flex: 1}}> 
    <Toolbar /> 
    <MovieScreen 
     style={{flex: 1}} 
     navigator={navigationOperations} 
     movie={route.movie} 
    /> 
    </View> 
);