this.setState不是函數rails

componentDidMount() { 
    $.ajax({ 
     type: "GET", 
     url: "/tweets", 
     dataType: "json", 
     success: function (data){ 
      //$('#tweetsList').append(data); 
      this.setState({tweetsList: data}); 
     }, 
     error: function (error) { 
      console.log(error); 
     } 
    }); 
}

上面的代碼塊給了我一個this.setState函數找不到的錯誤。我試圖從我的Tweets控制器呈現json到我的main.jsx文件。this.setState不是函數rails

來源

2017-08-13 Devanshu Matlawala

ajax調用中此更改的上下文。您需要引用原始上下文。寫答案。 –

在ajax調用中更改this的上下文。 this不再指您的組件。您需要引用原始上下文。

componentDidMount() { 
    const self = this; 
    $.ajax({ 
     type: "GET", 
     url: "/tweets", 
     dataType: "json", 
     success: function (data){ 
      //$('#tweetsList').append(data); 
      self.setState({tweetsList: data}); 
     }, 
     error: function (error) { 
      console.log(error); 
     } 
    }); 
}

來源

2017-08-13 21:46:16

謝謝。頁面呈現沒有任何錯誤。但是，沒有數據從控制器呈現。 –

是因爲你已經註釋掉$（'＃tweetList'）。append（data）'？ –

不是。這是無關的。在鳴叫控制器我的索引方法如下所示：DEF指數 \t \t @tweets = Tweet.all \t \t渲染JSON：Tweet.all \t年底 –

的問題是你成功的回調函數this指功能，因此沒有任何setState方法。你可以通過上下文jQuery的AJAX調用是這樣的：

$.ajax({ type: "GET", url: "/tweets", dataType: "json", context: this, success: function (data){ //$('#tweetsList').append(data); this.setState({tweetsList: data}); }, error: function (error) { console.log(error); } });

見jQuery ajax docs約上下文屬性以獲得更多信息。

來源

2017-08-13 21:47:19

謝謝。頁面呈現沒有任何錯誤。但是，沒有數據從控制器呈現。 –

this.setState不是函數rails

回答

相關問題