美文网首页
section list

section list

作者: glenlg | 来源:发表于2019-03-04 12:38 被阅读0次

    sections是一个只读的数组,在渲染分组列表之前我们就需要设置好其中的数据。这个数组中的元素可以设置为一个字典类型{key1:value1, key2:value2, ...},但是data字段和值是必须的,也就是说其数据格式通通常可以写成下面的形式:

    [
      {data: {obj1, obj2, obj3, ...}, key1: value1, key2: value2, ...},
      {data: {obj1, obj2, obj3, ...}, key1: value1, key2: value2, ...},
    ];
    

    复制代码data字段中的数据是每个section的数据源,是必不可少的,其它key、value可以根据实际情况自己设定。比如```renderSectionHeader函数中我们想区分当前渲染的是哪一个section,可以在section的数据源中为每条数据加入一个index:

    [
      {data: {obj1, obj2, obj3, ...}, index: 0},
      {data: {obj1, obj2, obj3, ...}, index: 1},
    ];
    

    复制代码这样在取值的时候我们可以根据index来判断当前是哪个section并做不同的渲染。section的数据构造是非常灵活的,可以根据实际需要来构造不同的数据。

    链接:https://juejin.im/post/5a93a900f265da4e8c452b36

    相关文章

      网友评论

          本文标题:section list

          本文链接:https://www.haomeiwen.com/subject/eggbuqtx.html