TypeError: props.sections.reduce is not a function

我是在使用SectionList组件的时候报了这个错误  看不太懂，后来经过多反调试才知道这个错误的原因

其实原理很简单，下面是React Native官方上的一个使用例子 

// Example 1 (Homogeneous Rendering)
<SectionList
  renderItem={({ item, index, section }) => <Text key={index}>{item}</Text>}
  renderSectionHeader={({ section: { title } }) => (
    <Text style={{ fontWeight: "bold" }}>{title}</Text>
  )}
  sections={[
    { title: "Title1", data: ["item1", "item2"] },
    { title: "Title2", data: ["item3", "item4"] },
    { title: "Title3", data: ["item5", "item6"] }
  ]}
  keyExtractor={(item, index) => item + index}
/>

在其中的sections属性中  也就是数据源 要求是一个数组 ，如果不是数组就会报这个错误 ，比如我的代码中改为如下

还有可能的原因就是数组中的data属性是固定的  不能随意改变 ，否则也会报这个错误