javascript - ループで呼び出される非同期 JavaScript 関数に変数を渡す (React)

Question

React プロジェクトの JavaScript コードを書いています。コードは一連の画像を読み込み、各画像のサイズで状態を更新します。問題は、onload関数を呼び出すときに、thisキーワードが にアタッチされたオブジェクトを参照することonloadです。これは、 を介して小道具にアクセスできなくなったことを意味しthis.propsます。小道具を関数に渡す方法はありますか?

これが私のコードです：

for (var i = 0; i < a; i++) {

  var path = i + ".jpg";
  imgArray[i].index = i;

  imgArray[i].onload = function() {
    this.props.actions.updateImage(this.index, this.width, this.height);
  }

  imgArray[i].src = path;
}

グローバルコンテキストではなく、関数内の imgArray[i] を参照しているため、現在this.props未定義のエラーが発生しています。this