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;