Mam funkcję, która przyjmuje dowolną asynchronicznej funkcji i zwraca wynik gotowości tej asynchronicznej funkcji, ale opakowane w try/catch, który dodaje trochę więcej logiki. Zobacz plac zabaw ts.
const with401Redirection =
<T extends (...args: any[]) => Promise<any>>(
call: T
): ((...args: Parameters<T>) => ReturnType<T>) =>
// @ts-expect-error
async (...args: Parameters<T>): ReturnType<T> => {
try {
return await call(...args);
} catch (error) {
if ((error as any).httpStatus === 401) {
// do some stuff here
}
throw error;
}
};
interface User {
id: string;
name: string;
}
interface ItemPayload {
field1: string;
field2: string;
}
interface ItemResponse {
id: string;
field1: string;
field2: string;
}
const client = {
get<ResponseType>(url: string): Promise<ResponseType> {
// logic to hit server and return result here
return '' as any;
},
post<ResponseType>(url: string, body: Record<string, any>): Promise<ResponseType> {
// logic to hit server and return result here
return '' as any;
}
};
const getUser = with401Redirection(() =>
client.get<User>('url_1')
);
const saveItem = with401Redirection((body: ItemPayload) =>
client.post<ItemResponse>('url_2', body)
);
Czuję, że // @ts-expect-error
w with401Redirection
nie powinno być potrzeby-jak mogę usunąć go lub w ogóle usunąć wprowadzanie tekstu with401Redirection
funkcja? Należy pamiętać, chcę zapisać fakt, że getUser
i saveItem
opcje mają swoje typy, które automatycznie są dla mnie.