#javascript #reactjs #react-native
#javascript #reactjs #react-native
Вопрос:
Я получаю определенный объем данных через api. И если эта запись меньше 6, она переходит в непрерывный цикл. Как я могу решить эту проблему? Я думаю, проблема в onEndReached и onEndReachedThreshold . Пожалуйста, помогите мне с этим. Прошу прощения за мой плохой английский.
Я добавляю примеры кодов.
Пример кода:
handleLoadMore = () =&&t; {
this.setState({
maxSize: this.state.maxSize 20
}, () =&&t; {
this.loadLead();
});
};
<List
style={styles.container}
data={leadList}
ItemSeparatorComponent={Divider}
onEndReached={this.handleLoadMore}
onEndReachedThreshold={0.1}
renderItem={({ item, index }) =&&t; (
<ListItem
key={index}
title={item.name}
description={'Kayıt Tarihi: ' Moment(item.createdAt).format('DD.MM.YYYY')}
accessoryLeft={renderPersonIcon}
accessoryRi&ht={() =&&t; (<Button size='tiny' onPress={ () =&&t; Alert.alert('test') }&&t;DETAYLAR</Button&&t;)}
/&&t;
)}
/&&t;
Ответ №1:
Вам нужно поместить проверку в ваш onEndReached prop, потому что каждый раз, когда вы переходите к концу вашего списка, ваша функция handleLoadMore будет снова выполняться, я использую onEndReached для бесконечной прокрутки. Примером может быть это:
onEndReached={()=&&t;{
if(fla&){
this.handleLoadMore()
}
}}