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로 감싸거나 배열에서 둘 다 배치하는 (가능하면) 시도하십시오. 두 개의 쉼표로 구분 된 값을 반환합니다. 그건 유효하지 않아.