Javascript reactJs的公共服务文件

Javascript reactJs的公共服务文件,javascript,reactjs,react-redux,frontend,Javascript,Reactjs,React Redux,Frontend,我想创建一个公共服务文件结构,用于在reactJs中调用外部API。任何人都可以建议并提供一些示例演示代码吗?是否可以与一些演示示例共享一些文件结构?您只需创建一个文件,例如“DataService.js”,然后将上面的代码粘贴到此文件中。如果要使用此函数,只需在jsx文件中键入“GetAllAuthorizationElements();”。 export async function GetAllAuthorizationElements() { let response = nu

我想创建一个公共服务文件结构,用于在reactJs中调用外部API。任何人都可以建议并提供一些示例演示代码吗?

是否可以与一些演示示例共享一些文件结构?您只需创建一个文件,例如“DataService.js”,然后将上面的代码粘贴到此文件中。如果要使用此函数,只需在jsx文件中键入“GetAllAuthorizationElements();”。
export async function GetAllAuthorizationElements() {

    let response = null;
    await fetch(baseUrl + "/yourroute", {
        headers: defaultHeader
    }).then((response) => response.json()).then(data => response = data);

    if (!IsAuthorized(response)) {
        alert("Unauthorized")
        return 403;
    }

    return response;
    }