Я реорганизую свой код в разные разделы на странице и использую SectionList в React native. Я определил разные разделы в первой функции и назначил ключ данных каждой функции рендеринга, которая выводит каждый компонент (например: заголовок компонента в функции 3RD).
Затем я помещаю все в функцию SectionList функции render () и передаю ей определенные данные раздела. У меня вопрос: когда я распечатываю товар, там ничего нет. Я также распечатываю данные в defineSectionsToDisplay, и ключ данных пуст. Может быть, я неправильно сохранил данные? Спасибо!
defineSectionsToDislay(){
//here defines 5 sections including header - search, banner, tags, All Trips, Other Trips to render
const data = [
{
title: "Header",
data: this._renderHeader()
},
{
title: "Banner",
data: this._renderBanner()
},
{
title: "Tags",
data: this._renderTags()
},
]
return data;
}
render(){
return(
<SafeAreaView>
<SectionList
// initialNumToRender={}
// windowSize={}
// getItemCount={}
keyExtractor={(item, index) => item + index}
// maxToRenderPerBatch={}
// getItem={}
// updateCellsBatchingPeriod={}
sections={this.defineSectionsToDislay()}
renderItem={(item) => console.log('item',item)}
/>
</SafeAreaView>
)}
_renderHeader() {
return (
<Header
title={''}
renderLeft={() => {
return <Svg.IcBack style={[BaseStyle.back]} />;
}}
renderRight={() => {
return (
<View style={styles.viewRight}>
<TouchableOpacity
onPress={() => {
navigation.navigate('SearchDestinationScreen', {
callback: this._onSearchDestination,
placeHolder: I18n.t('where_to_go'),
});
}}>
<Svg.IcSearch style={styles.searchIcon} />
</TouchableOpacity>
</View>
);
}}
onPressLeft={() => {
navigation.goBack();
}}
/>
);
}