axiosでレスポンスに引数を渡すには？

Question

axiosでレスポンス部分に引数をわたしたいと考えています。

var info = [];
for(var i=0;i<10;i++){
var url = "xxxxxx?id="+i;

axios.get(url).then((response: any) => {
//ここでiを受け取りたい
info[i] = response
})

}

上記のようなコードでループして何度もaxiosをアクセスして、URLごとに応じた結果をinfoの中に格納するために、
レスポンスの中でiを受け取りたいと考えています。

無理やり、configとしてiをわたしたらとりあえず動くことは動くのですが、axiosに定義されている値ではないため、エラーがでてしまいます。
以下のような感じです。
axios.get(url,{"i":i}).then((response: any) => {
info[response['config']['i']] = response
})

何か、レスポンスの中にiを渡す方法はありませんでしょうか？

Answer 1

レスポンスの中でiを受け取りたいと考えています。

外側のループ変数のiをletで宣言してください。クロージャになっているので、thenのコールバック内でもそのままiを使えます。

Comments

[maisumakun]

varのままでもiという変数は見えますが、varだと受信時に見える値は、ループ終了後の10になっています。

[ar3qna]

ありがとうございます！
letでいただいたように直したところ、無事対応出来ました。
varとletで結果に違いが出るとは考えてもいませんでした。

letについて調べておきます。ありがとうございました