Список React Native переходит в бесконечный цикл

#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()
}
}}