Reactの別のコンポーネントの上にコンポーネントをレンダリングできません

Question

タイトルとアイテムのリストを持つビューがあります。私はLodash/_。mapを使ってアイテムコンポーネントのリストを生成します。これは次のようになります。

prepareEnrollmentsRender =() => { 
    return (
     <Header {...this.c('overviewTitle')}>Current enrollments</Header>, 
     _.map(this.TEST__enrollments, 
      (enrollment, index) => (
       <Enrollment 
        enrollmentName={enrollment} 
        key={index} 
        id={index} 
        onSelect={() => {this.onEnrollmentPress(index)}} /> 
      ) 
    )); 
} 

そして、レンダリングではすべてをレンダリングする関数を呼び出します。問題は、ヘッダーコンポーネントが表示されないことです。

render =() => { 
    <View> 
     {this.prepareEnrollmentsRender()} 
    </View> 
} 

注：このアプリは、枠組みの中で開発されているので、ヘッダーのようないくつかの未知の要素が有効な内部コンポーネントと同様に、{のようなものですリアクト... this.c私はこのようなものにします（）}などです。これらは問題の一部ではありません。

Answer 1

prepareEnrollmentsRenderの出力を、HeaderとEnrollment配列の両方を囲む余分なdivにラップするか、（おそらく）両方を配列でラップしてみます。カンマ区切りの2つの値が返されます。それは有効ではありません。