Javascript 未更新作为react状态的json数据

我正在学习在前端使用reactjs开发应用程序

我应该从服务器得到一个json响应。我只对json中的特定数组对象感兴趣。我需要在浏览器中显示更新的数据。它应该在浏览器中实时更新。为此：我的理解是，生成的json应该是react中的一个状态属性，每当它在服务器中更新时，就会在网页中重新呈现。我尝试了以下方法：

class app extends Component {
   constructor(props){
   super(props);
   this.state = {
   result: [],
   }
   componentDidMount(){
      var that =this;
      axios.get('url').then(function(response){
      for(i=1;i<response.data.result.length;i++)
      {
         var array = that.state.result.slice();
         array.push(response.data.result[i])
         that.setState({
         result: array
      })
      });  
   }
}
render(){
   <div>
     <h1> Result is: {this.state.result}</h1> 
   </div>

类应用程序扩展组件{
建造师（道具）{
超级（道具）；
此.state={
结果：[]，
}
componentDidMount（）{
var=这个；
get（'url'）。然后（函数（响应）{
对于（i=1；i您的前端无法知道服务器上的数据何时更改。您需要明确告诉它何时重新获取数据。是否由于同一应用程序中的其他操作而导致服务器上的数据更改？是的，服务器中的数据因其他事件而更改。因此，当您更改数据时，您需要再次请求数据导致其更改。或手动更改前端上的项目以反映服务器上的数据更改