将 JSX 标签包裹在 renderItem 周围？对于<平面列表>或<节列表>在 React-Native 中

Question

有没有办法在 renderItem 周围放置 JSX 标签？ （我想使用“react-native-paper”中的 将 renderItem 的渲染输出放入 Accordion 下拉列表中

<List.Accordion>
  <FlatList
          data={DATA}
          renderItem={renderItem}
          keyExtractor={item => item.id}
  />
</List.Accordion>

）但是，由于我使用的是 ListHeaderComponent 和 ListFooterComponent 道具；我只想要 围绕 renderItem;这样 renderItem 的内容位于手风琴内部（作为容器），但不在页眉和页脚周围。

注意：我正在使用SectionList，但我制作了第一个示例 FlatList 来简化

我尝试了以下有效的方法；除了它不在 内渲染：

const AudioTracksScreenData = [
  {
        title: "Reviews",
        renderItem: renderReviews,
        data: audiobookReviewData.result,
        keyExtractor: reviewsKeyExtractor,
  },
]

<SectionList
  sections={AudioTracksScreenData}
  keyExtractor={({ section: { keyExtractor } }) => {
    keyExtractor;
  }}
  renderItem={({ section: { renderItem } }) => (
    <List.Accordion>{renderItem}</List.Accordion>
  )}
  ListHeaderComponent={getHeader()}
/>

• https://reactnative.dev/docs/flatlist
• https://reactnative.dev/docs/sectionlist
• https://callstack.github.io/react-native-paper/list-accordion.html

我可以使用 让它工作并且.map() ;不过，我希望有一种方法可以使用 来做到这一点。

我拥有...

我想要...（如果您按/单击评论，则会出现可折叠列表；忽略样式差异）