javascript - 无法在 React 中将组件呈现在另一个组件之上

Question

我有一个 View 应该有一个标题和一个项目列表。我使用 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)}} />
            )
    ));
}

然后在渲染中调用函数来渲染所有内容。问题是 Header 组件没有出现。我这样渲染它们:

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

注意:此 React 应用程序是在框架内开发的，因此一些未知组件(如 Header)以及 {...this.c()} 等都是有效的内部组件。这些不是问题的一部分。

Answer 1

将 prepareEnrollmentsRender 的输出包装在一个额外的 div 中，同时包围 Header 和 Enrollment 数组，或者(可能)尝试将两者包装在一个数组中。您返回两个逗号分隔值。那是无效的。