Блог

Главная - Вопросы по программированию - почему (typescript) generic не может быть назначен.как это исправить

почему (typescript) generic не может быть назначен.как это исправить

#typescript #generics

#typescript #дженерики

Вопрос:

aa не совместим с A 

 interface A<T, P> {
    b?: (input:T) => T
    c?: (input:P) => P
}

interface B extends A<number, string> {}

const aa: B = {
    // (property) A<number, string>.c?: ((input: string) => string) | undefined
    // Type 'string' is not assignable to type '((input: string) => string) | undefined'.(2322)
    // input.tsx(31, 5): The expected type comes from property 'c' which is declared here on type 'B'
    c: 'xxx'
}

Некоторые из проблем, описанных выше, не могут выразить проблему, но эта проблема:

 interface HttpResponse<T = any> {
    ok: boolean;
    data: T;
    status: number;
    statusText: string;
    headers: any;
    usingCache?: boolean;
}
declare class HttpError extends Error {
    __hRestHttpError: boolean;
    name: 'HttpError';
    code: number;
    status: number;
    constructor(message: any);
}

const all: HttpError | HttpResponse<any> = {
    // Type '{ return: HttpError; }' is not assignable to type 'HttpError | HttpResponse<any>'.
  Object literal may only specify known properties, and 'return' does not exist in type 'HttpError | HttpResponse<any>'.
    return new HttpError('dd')
}

typeA Присвоено typeA | typeB

Комментарии:

1. Вы сказали B , что у s будет c prop, то есть (input: string) => string функция . 'xxx' это просто string .

2. Вы указали, что c это функция , которая принимает P и производит P . Поскольку B присваивается P значение be string , c он должен принимать строку и создавать строку. Однако вы назначаете его только обычной строке, а не функции.

3. Извините, с примером что-то не так. Позвольте мне восстановить его.

4. Я обнаружил суть проблемы при ее создании. Спасибо

Ответ №1:

В вашем интерфейсе вы удовлетворяете, что c это функция, принимающая ввод типа P и возвращающая тип P . В c вы присваиваете строковое значение. Я не уверен, каков ваш usecase, но если это действительно функция, вы можете решить это с помощью

 interface A<T, P> {
  b?: (input: T) => T;
  c?: (input: P) => P;
}

interface B extends A<number, string> {}

const aa: B = {
  // (property) A<number, string>.c?: ((input: string) => string) | undefined
  // Type 'string' is not assignable to type '((input: string) => string) | undefined'.(2322)
  // input.tsx(31, 5): The expected type comes from property 'c' which is declared here on type 'B'
  c: (input: string) => 'xxx',
};

С другой стороны, если вы хотите c быть string, вы разрешаете это с помощью

 interface A<T, P> {
  b?: (input: T) => T;
  c?: P;
}

interface B extends A<number, string> {}

const aa: B = {
  // (property) A<number, string>.c?: ((input: string) => string) | undefined
  // Type 'string' is not assignable to type '((input: string) => string) | undefined'.(2322)
  // input.tsx(31, 5): The expected type comes from property 'c' which is declared here on type 'B'
  c: 'xxx',
};