Comment le paramètre http va-t-il être incrémenté avec le timer setInterval?

Question

Je veux faire une fonction avec la minuterie pour obtenir le nombre de pages, chaque fois que la minuterie fonctionne une fois, la page de paramètres de 1 Ceci est mon code ---

constructor() { 
 
    super(); 
 
    this.state = { 
 
     data: '', 
 
     page: 0 , 
 
    } 
 
    } 
 

 
    myFunc =() => { 
 
    let myFetchOptions = { 
 
     method: 'GET', 
 
    }; 
 

 
    fetch("http://xxx/Api/screen/screenByAll.ashx?Status=All&ActionNm=8080&page="+this.setState((page) => page++)+"&rows=10",myFetchOptions) 
 
    .then((response) => response.text()) 
 
    .then((responseText) => { 
 
     const json = JSON.parse(responseText); 
 
     return json; 
 
    }) 
 
    .then(json => this.setState({data: json})) 
 
    .catch((error) =>{ 
 
     console.error(error); 
 
    }); 
 

 
    } 
 

 
    componentWillMount(){ 
 
    setInterval(this.myFunc, 3000); 
 
    }

Answer 1

Tout d'abord, setState est une fonction asynchrone et l'état du composant n'est pas muté immédiatement. Je suppose que certaines récursions peuvent faire le travail pour vous. setState a un second paramètre qui est un callback appelé après que l'état ait été coupé. Vous pouvez ajouter un paramètre à myFunc (pageNum) et vérifier s'il est inférieur ou égal au nombre de pages que vous désirez et après que la page a été récupérée appelle la même fonction myFunc (pageNum + 1).

Et si vous avez encore besoin de l'intervalle entre les appels de fonction, ajouter myFunc (pageNum + 1) à l'intérieur d'un setTimeout comme:

setTimeout(() => {this.myFunc(pageNum + 1)}, 3000) 

et appelez myFunc (0) à l'intérieur du componentWillMount