this.setState関数ではないrails

Question

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ファイルにレンダリングしようとしています。

Answer 1

のコンテキストは、ajax呼び出しで変更されました。 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); 
     } 
    }); 
} 

Answer 2

問題は、その関数を指し、したがって、任意のsetState方法を持っていないあなたの成功コールバック関数でthisあります。あなたはこのような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を参照してください。