Soy nuevo en Typescript y tengo problemas para pasar argumentos a una función en Typescript. Esta función se llama cuando represento un formulario modal. Pero termino obteniendo dos errores:
"El argumento de tipo 'Promise<AxiosResponse>' no se puede asignar al parámetro de tipo '(data: Record<string, unknown>) => Promise'".
"Escriba 'Promise<AxiosResponse>' no coincide con la firma '(data: Record<string, unknown>): Promise'".
function openModal(activity) { const data = ref({ name: activity.name, }) formRender.render(activity, updateActivity(activity.id,{name:data.value.name})) }Esta sería la función:
export function updateActivity(id: number, data: Record<string, unknown>) { return http.patch(`/${id}`, { name: data.name }) }FormRender:
export function FormRender<T extends Record<string, unknown>>(formName: string) { return { render(formAttributes: T | Record<string, unknown>, service: (data: T) => Promise<unknown>) { dialog({ component: FormRender, componentProps: { formName, formAttributes, service }, }) },export function updateActivity(id: number, data: Record<string, unknown>) { return http.patch(`/${id}`, { name: data.name }) } Esta función devuelve Promise<AxiosResponse<any, any>> . Es una función async , lo que significa que tendrá que await el resultado para obtener el valor devuelto por la solicitud HTTP.
Para obtener los datos de este tipo, primero debe esperarlos y luego obtener la propiedad de data de la respuesta de axios:
export async function updateActivity(id: number, data: Record<string, unknown>) { const response = await http.patch(`/${id}`, { name: data.name }) return response.data // This may require a JSON.parse or further prep depending on what the API returns } Ahora que el argumento del service se escribe como una función, debería poder pasar una función que llame a este método:
formRender.render(activity, (data) => updateActivity(activity.id, {name:data.value.name}))