2017-11-19 22 views
1

setInterval을 사용하여 한 시간에 한 번, 한 시간에 한 번 API를 호출하고 싶습니다. 어떻게 구현할 것인가?JS JS setInterval을 API에 응답

componentDidMount() { 
    fetch(fullURL) 
    .then((response) => response.json()) 
    .then((responseJson) => { 
     // console.log(responseJson); 
     const resultyt = responseJson.items.map(obj => "https://www.youtube.com/embed/" + obj.id.videoId); 
     this.setState({resultyt}); 
    }) 
    .catch((error) => { 
     console.error(error); 
    }); 
} 

API 호출이 여러 번 호출 할 수있는 기능에 fullURL

답변

5

랩이을이라는 const를 내부에 저장되고, 단순히에서는 setInterval을 사용

componentDidMount() { 
    this.intervalId = setInterval(() => this.loadData(), 3600000); 
    this.loadData(); // also load one immediately 
} 

componentWillUnmount() { 
    clearInterval(this.intervalId); 
} 

loadData() { 
    fetch(fullURL).then(...); 
}