reactjs中componentDidMount的設置時間間隔是正確的方法嗎？

Question

我已經使用Reactjs爲我的項目創建了聊天應用程序。對於最新的更新，我需要每次點擊服務器。對於此需求，我使用了setInterval方法。這種方法是正確的嗎？

例如，

componentDidMount:function(){ 
    setInterval(function(){ 
    $.ajax({ 
     url:this.props.url, 
     dataType:"JSON", 
     type:"GET", 
     success:function(data){ 
     this.setState({data:data}); 
     }.bind(this) 
    }); 
    }, 1000); 
} 

Answer 1

是的，這很好，但使用的setTimeout遞歸通常優選。它可以確保您不會一次執行多個請求，但需要一秒鐘才能完成。

您也可能想立即運行一次。

最後，您需要清除componentWillUnmount中的超時值。

componentDidMount: function(){ 
    function tick(){ 
    $.ajax({ 
     url: this.props.url, 
     dataType: "JSON", 
     type: "GET", 
     success:function(data){ 
     this.setState({data: data}); 

     this.timer = setTimeout(tick, 500); 
     }.bind(this) 
    }); 
    }; 
    tick(); 
}, 
componentWillUnmount: function() { 
    clearTimeout(this.timer); 
}