在SectionList中，如何隐藏空节(数据:[])的节头

Question

我使用的是react native的SectionList，无法隐藏数据集空部分的sectionheader。我只想显示不为空的节的标题和行。

Answer 1

这就是我所做的：

<SectionList
renderSectionHeader={({ section }) => (
section.data.length > 0 ? this._renderHeader(section.title) : (null)
)}
...
/>

Answer 2

<SectionList>
renderSectionHeader={({ section: { title, data } }) =>
data.length > 0 && <Text>{title}</Text>
}
...
</SectionList>