自动重新加载React组件/视图

Question

我有一个仪表板，我想每隔几分钟显示最新的API数据。我正考虑在componentDidMount生命周期调用中使用setInterval（）。

这是最好的方法吗？

Answer 1

这是您希望在componentDidMount

中执行的操作

componentDidMount() {
   this.apiCall = setInterval(() => {    
     this.getDataFromApi();
   }, [mins in milliseconds]);
 }

组件卸载时

clearInterval。

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

API调用。

getDataFromApi() => {
/*make your api call here and set the state*/
}

Answer 2

对于新数据的这种要求，我会研究使用推送流量而不是拉动的可能性。服务器可以在每次更改时推送新信息，这将是更有效的方式。