在我的 React Native 应用程序中获取数据返回 [object Object] 而不是 renderSectionHeader

Question

我在尝试从 API URL 获取数据时遇到问题，问题是数据没有按 SectionList 中的类别标题返回，而是在标题

[object Object]

而不是

renderSectionHeader

下返回数据。

我的问题再现小吃博览会： https://snack.expo.dev/@fyardlest/resto-app?platform=android

Answer 1

您的数据类型架构与 SectionList 要求不匹配。请查看给定的链接。您的数据架构如下所示：

[
  { category: {title: 'Appetizers'}, id: 1, price: "10", title: "Spinach Artichoke Dip" },
  ~~~
  ~~~
]

但是

SectionList

组件需要以下内容：

[
  {
    title: 'Main dishes',
    data: ['Pizza', 'Burger', 'Risotto'],
  },
]

A

SectionList

，除了第一个数组级别需要更深一层。所以我认为你应该使用 FlatList。