Javascript 如何创建动态分区列表？

我试图建立一个分区列表，其中列表标题是一个班级的名称，比如一个学校班级，分区列表是分配给该班级的作业

这是我的分区列表组件：

<SectionList
          sections={classData}
          keyExtractor={item => item.class.id}
          renderSectionHeader={({ section: classProps }) => {
            return (
              <Text style={styles.textStyle}>{classProps.name}</Text>
            );
          }}
          renderItem={({ item }) => {
            return (
              <HomeworkItem
                homeworkItem={item}
                deleteHomework={() => this.props.removeHomework(item)}
              />
            );
          }}
        />

过滤器分配功能如下所示：

filterAssignments(c, hw) {
    return hw.filter(item => item.className === c.name);
  }

我收到一个错误，列表开头的items.length未定义。数据似乎正在运行。如果有人知道我如何正确地做到这一点，我们将非常感谢您的帮助。

请使用以下格式说明：

常数数据=[ { 标题:"主菜",， 数据：[“比萨饼”、“汉堡”、“意大利调味饭”]， }, { 标题:"双方",， 数据：[“炸薯条”、“洋葱圈”、“炸虾”]， } ]; 此格式可通过以下循环实现：

const classData = this.props.classes.map(item => ({
  title: item.name
  data: this.filterAssignments(item, this.props.homework)
}));

---

现在可以将类数据传递给.bindthis。对于不使用thisOk的函数，这不是必需的，现在它表示“items.length”未定义。有什么想法吗？好像没有一个叫做items的变量？发生在哪一行？发生在第31行，这是类数据似乎不符合指定的格式，请检查添加的回答您可以解释filterAssignments函数吗？如果我的数据是本文中描述的一个费用列表，我想将费用显示为使用月份分组的列表，该怎么办？

const classData = this.props.classes.map(item => ({
  title: item.name
  data: this.filterAssignments(item, this.props.homework)
}));

<SectionList
          sections={classData}