@Slav4ka

Как исправить ошибку типизации компонента?

столкнулся с ошибкой
TS2345: Argument of type 'string | string[] | undefined' is not assignable to parameter of type 'T'.   'string | string[] | undefined' is assignable to the constraint of type 'T', but 'T' could be instantiated with a different subtype of constraint 'string | string[] | undefined'.     Type 'undefined' is not assignable to type 'T'.       'undefined' is assignable to the constraint of type 'T', but 'T' could be instantiated with a different subtype of constraint 'string | string[] | undefined'.


Код компонента:

interface IFilters<U extends string | string[] | undefined> {
  setData(filterType: FiltersType, prevValue: U, value: U): void;
  buttonsGroup: JSX.Element;
  source: "partners" | "accounts";
  config: {
    type: FiltersType;
    isMulti: boolean;
    label: string;
    placeholder: string;
    labelClass: string;
  }[];
}

const Filters = <T extends string | string[] | undefined>({
  setData,
  config,
  buttonsGroup,
  source,
}: IFilters<T>): JSX.Element => {
  return (
    <div className={styles.partnersFilters}>
      {config.map((filter) => (
        <Filter<string | string[] | undefined>
          type={filter.type}
          source={source}
          isMulti={filter.isMulti}
          setData={(prevValue, value) => setData(filter.type, prevValue, value)}
          label={filter.label}
          placeholder={filter.placeholder}
          labelClass={filter.labelClass}
          key={filter.type}
        />
      ))}
      {buttonsGroup}
    </div>
  );
};


вызов:
<Filters<string[]> config={filtersConf} source="partners" setData={setData} buttonsGroup={<ButtonsGroup />} />

61a69b69c1543998477230.png
  • Вопрос задан
  • 60 просмотров
Пригласить эксперта
Ответы на вопрос 1
Alexandroppolus
@Alexandroppolus
кодир
А какой тип у пропа setData для Filter? Какое value в него приходит?

setData={(prevValue, value) => setData(filter.type, prevValue, value)}


Здесь ты это значение пытаешься присвоить в T
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы