redux-sagaのcallで呼び出したクラスのthisがうまく挙動していない？

Question

redux-saga/effectsを使って別のClassから呼び込むとエラーが出てハマっています。

以下でnewだとうまくいくのですが、sagaでcallするとthis.のメソッドがnullと言われてしまいます。
ご教示願えないでしょうか？

// ApiService.js

import axios from "axios";

export default class ApiService {
  constructor() {}

  createApiClient({ token = null }) {
    const apiClient = axios.create({
      baseURL:
        "https://*****",
      timeout: 3000,
      headers: {
        "Content-Type": "application/json",
        "X-Requested-With": "XMLHttpRequest",
        token: token
      },
      responseType: "json"
    });
    return apiClient;
  }

  get(url, tokenVal) {
    return this.createApiClient({
      token: tokenVal
    })
      .get(`${url}`)
      .then(response => {
        return response;
      })
      .catch(function(error) {
        console.log("ERROR!! occurred in Backend.");
      });
  }
}

//aa_Module,js
import { call, put, take } from "redux-saga/effects";
import ApiService from "**/ApiService";

const apiService = new ApiService();


//  newするとこれだと動く
apiService_a.get(
  "hoge",
  "hogeToken"
);

export const sagas = {
  *doGet() {
    while (true) {
      yield take(actions.setAAData);
      try {
        const res = yield call(
          apiService_a.get,
          "hoge",
          "hogeToken"
        );
        console.log(res);
        //↑これだと

        /*
          typeError: Cannot read property 'createApiClient' of null
        */

        //発生
      } catch (e) {
        console.log(e);
      }
    }
  }
};

Answer 1

こんにちは。

以下のように修正してみるといかがでしょうか？

修正前：

const res = yield call(
          apiService_a.get,  // この行を以下のように修正
          "hoge",

修正案1：

const res = yield call(
          apiService_a.get.bind(apiService_a),  // 修正案1
          "hoge",

　　
もしくは、call([context, fn], ...args) を使って、以下でうまくいくかもしれません。

修正案2：

const res = yield call(
          [apiService_a, apiService_a.get],  // 修正案2
          "hoge",

参考になれば幸いです。

Comments

[roooo]

うまくいきましたが、別の問題が発生しました。
consoleに延々と同じ処理がループされます。

```
console.log(res);
```

がずっと表示されます。

[jun68ykt]

while (true) {
}

のループからここで抜ける想定、という部分はどこかにありますでしょうか？

あるのならば、そこに行ってないのだと思います。
なければ、無限ループになって、

> consoleに延々と同じ処理がループされます。

ということになるものと思います。

[jun68ykt]

while (true) のループ本体 のコード全体を質問に追記頂ければ、何か分かるかもしれません。