javascript - api.get(...).then(...).catch(...).finally 不是函数

Question

我正在进行一个 React Native API 调用。

理论上它应该工作 -

    import API from "../../utils/API";

  componentDidMount() {
    let merchantId = this.props.merchant.id;
    let api = new API(this.props.gatheredTokens);
    let self = this;
    api.setRetry(10);
    api
      .get("merchantMessages", { repl_str: merchantId })
      .then(response => this.merchantMessageConfiguration(response.data))
      .catch(function (error) {
        console.log(error);
      })
      .finally(function () {
        self.state.list.push(
          <Card
            merchant={self.props.merchant}
            key={self.props.merchant.id}
            bubblemsg={self.state.bubblemsg}
          />
        );
      })
      .finally(function () {
        self.merchantNoticeLoading(self);
      });
  }

但是我收到以下错误:



是什么导致了这个错误？代码看起来有效。

这是得到的:

 get(API, params = this.defaultParams) {
    this.call = "GET";
    let constructedURL = this.constructURL(API, params);
    axiosRetry(axios, { retries: this.retry });
    return axios.get(constructedURL, this.config);
  }

Answer 1

我建议使用另一个 then而不是使用 finally . then在 catch 之后就像 finally .不要忘记使用至少一个 catch在您的 promise 链中，以处理您的指令失败。

所以这两行代码是一样的:

api.get(…).then(…).catch(…).then(...)

和

api.get(…).then(…).catch(…).finally(...)