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)}} />
            )
    ));
}

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

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

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

Answer 1

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

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

1 个答案: