Блог

Главная - Вопросы по программированию - React Native: список разделов получает заголовок из renderItem

React Native: список разделов получает заголовок из renderItem

#react-native #react-native-flatlist #react-native-sectionlist

#react-native #react-native-flatlist #react-native-sectionlist

Вопрос:

Я пытаюсь получить имя заголовка из renderItem, но это дает мне undefined. Мне нужно имя для контрольного списка, поэтому я пытаюсь передать его в 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;

Комментарии:

1. В renderSectionHeader вы ссылаетесь на данные, но в вашем списке у вас нет данных, кроме элементов.

2. да, но он все равно не будет работать, когда я его изменил

Ответ №1:

Я думаю, ваш список визуализации должен быть таким,

 // 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>
    );
  };