Reactjs：用 axios 做一个函数来承诺

Question

我的 context provider 中有这个函数，我希望它返回一个承诺，以便我可以从 axios 访问返回的数据/p>

    const sendRquest =(service,data,method,url)=>{
        let base = api.find(item => item.name ===service )
        let config = {
            method: method,
            url: `${base.url}/${url}`,
            headers: {
              'x-clientId': clientId,
              'Content-Type': 'application/json',
            },
            data: data
          };
          axios(config)
          .then(function (res) {
            return res
          })
          .catch(function (error) {
            return error
          });
    }

我正在寻找的结果是在需要时在每个其他组件中编写这样的代码

sendRquest('usermanagement',data,'post','foo/bar').then(res=>console.log(res.data)).catch(err=>console.log(err))

Answer 1

你必须兑现承诺。

类似

    const sendRquest =(service,data,method,url)=>{
        let base = api.find(item => item.name ===service )
        let config = {
            method: method,
            url: `${base.url}/${url}`,
            headers: {
              'x-clientId': clientId,
              'Content-Type': 'application/json',
            },
            data: data
          };
        return axios(config)
          .then(function (res) {
            return res
          })
          .catch(function (error) {
            return error
          });
    }

请小心，因为您会像这样使用.catch 来“吞下”错误。 sendRquest 返回的承诺永远不会“失败”（拒绝），但会成功（解决）数据或错误负载。

Answer 2

完整的答案是这样的
可以帮到大家

 const sendRquest =(service,data,method,url)=>{
        let base = api.find(item => item.name ===service )
        let config = {
            method: method,
            url: `${base.url}/${url}`,
            headers: {
              'x-clientId': clientId,
              'Content-Type': 'application/json',
              'Authorization': token
            },
            data: data
          };
        return axios(config)
    }