且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何在 API 调用中使用 axios 在 React 中使用异步等待

更新时间:2022-06-22 03:11:15

对于get请求,可以使用params发送数据等

for get requests, you can use params to send data etc etc.

   export const getData = async () => {
    try {
        const { data } = await axios({
            method: 'get', //you can set what request you want to be
            url: `yoururl`,
            params: {
            // key values pairs   
            }
            headers: {
                'token': token
            }
        });
        // run some validation before returning
        return data;
    } catch (e) {
        console.log(e);
        return .. some error object;
    }
};

用于发布请求

export const getData = async (params) => {
    try {
        const { data } = await axios({
            method: 'post', //you can set what request you want to be
            url: `url`,
            data: params,
            headers: {
                'x-auth-Token': token
            }
        });
        // run some validation before returning
        return data;
    } catch (e) {
        console.log(e);
        return .. some error object;
    }
};

错误对象示例

{
  status: 'error',
  message: 'failed with something'
}

然后你可以像这样调用任何api,

then you can call any api like this,

async componentDidMount() {
 const data = await getData();
 if(data.status === 'Something') {
// do something    
  }
}