how to define function with generic in typescript

Question

I am defined a function api_post_con like this in typescript:

export const RequestHandler = {
    api_post_con:(url: string,data: any) => {

    }
}

now I want the api_post_con function with generic like this function:

export function api_post<T>(url: string,data: any): Promise<T> {
    return fetch(url,{
        method: 'POST',
        headers: {
            'Content-type': 'application/json',
            'x-access-token': 'xxxxx'
        },
        body: JSON.stringify(data),
    })
        .then(response => {
        if (!response.ok) {
            throw new Error(response.statusText)
        }
        return response.json() as Promise<T>
        })
}

how to change the api_post_con function just like api_post function that return generic type? I have tried like this but did not work:

export const RequestHandler = {
        api_post_con<T>:(url: string,data: any):Promise<T> => {
    
        }
    }

Generic function type parameters always immediately precede the opening parenthesis of the call signature, like this. Does that meet your needs or am I missing something? — jcalz
– jcalz, Commented Feb 10, 2022 at 14:44

beautifulcoder · Accepted Answer · 2022-02-10 14:50:47Z

1

I think what you need is to declare a class, not an object literal:

export class RequestHandler {
    api_post_con<T>(url: string,data: any):Promise<T> {
        return {} as Promise<T>;
    }
}

answered Feb 10, 2022 at 14:50

beautifulcoder

11.4k3 gold badges21 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to define function with generic in typescript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related