React Native：SectionList 从 renderItem 获取标头答案

【问题标题】：React Native: SectionList get header from renderItemReact Native：SectionList 从 renderItem 获取标头
【发布时间】：2020-09-26 07:33:03
【问题描述】：

我正在尝试从 renderItem 获取标题名称，但它给了我未定义的信息。我需要一个清单的名称，所以我试图将它传递给 renderItem。

这是我的代码，谁能帮帮我？

const List = (props) => {
  const list = [
    {
      "id": "G1600789684218",
      "data":  [
         {
          "id": "G1600789684218",
          "value": "Going Skating",
        },
      ],
      "name": "Jack Ross",
    }
  ]

  const renderList = ({ item }, name) => {
    console.log("item name is", name);
    return (
      <View>
        <ListItem title={item.value} />
      </View>
    );
  };
  return (
    <SectionList
      sections={list}
      keyExtractor={(item, index) => index}
      renderSectionHeader={({ section: { name, data } }) =>
        <Text style={styles.heading}>{name}</Text>
      }
      renderItem={renderList}
    />
  );
};

export default List;

【问题讨论】：

在 renderSectionHeader 中，您指的是数据，但在您的 List 中，您没有数据，只有项目。
是的，但是当我更改它时它仍然无法正常工作

标签： react-native react-native-flatlist react-native-sectionlist

【解决方案1】：

我认为，你的 renderList 应该是这样的，

// section has entire data passed for section
  const renderList = ({ item, section }) => {
    console.log("item name is", section.name);
    return (
      <View>
        <ListItem title={item.value} />
      </View>
    );
  };

【讨论】：