Axios内部からの関数呼び出し？ axios内から関数を呼び出す方法

Question

は、以下の実行していない

handleClick(userid){ 
    axios.get(
    "http://localhost:4000/user/"+userid+"/items.json") 
    .then(function (response) { 
     dispatch(this.buildhtml.bind(response)) 
    }) 
} 


    buildhtml(response){ 
    console.log("m called") 
    } 

buildhtml機能を動作していない私のコードです！任意のアイディア

Answer 1

thisは現在の実装では定義されていないため、コードが機能しません。

これを試すことができますか？

handleClick(userid){ 
    var self=this; 
    axios.get(
    "http://localhost:4000/user/"+userid+"/items.json") 
    .then(function (response) { 
     self.buildhtml.bind(response) // would work 
     dispatch(self.buildhtml.bind(response)) //wont work 
    }) 
} 

    buildhtml(response){ 
    console.log("m called") 
    } 

ここでは、あなたがそれを自分に変更しても、上記の作業はありません。あなたはディスパッチを使用しようとしています。発送の際には、アクションを渡す必要があります。。 Reducersは状態とアクションをパラメータとして受け取り、どのアクションが渡されたかに基づいて状態を更新します。

アクションは、オブジェクトまたは関数を返すことがあります。 reduxのコンセプトを一度ご覧ください。これはアクションが派遣されるべき方法ではありません

Answer 2

Vue.jsをaxiosと使用すると、私もこの問題を抱えましたが、これが私が解決した方法です。

let vue = new Vue({ 
el:#<element>, 
methods:{ 

    method1() 
    { 
axios.post('<url>',{<data>}) 
.then((res) => { 
    this.method2(res) // method call to method2 
    }) 
.catch((err) => { <call> });  
    },//method1 end 

method2(res){ 
// statements 
} 

} 
}); 

thisを参照してください。