类型“字符串”不可分配给类型“T”。 使用 typescript

Question

我有下一个场景：

export type TagType = 'input' | 'textarea';

interface ContainerProps<T extends TagType> {
  title: string;
  as: T;
  className?: string;
}

我的组件如下所示：

const Container = <T extends TagType>({
  title,
  as: HTMLEl = 'input',
  ...rest
}: ContainerProps<T> &
  (
    | React.TextareaHTMLAttributes<HTMLTextAreaElement>
    | React.InputHTMLAttributes<HTMLInputElement>
  )) => { ... }

问题显示as: HTMLEl = 'input',以及下一条消息：

TS2322: Type '"input"' is not assignable to type 'T'.   '"input"' is assignable to the constraint of type 'T', but 'T' could be instantiated with a different subtype of constraint 'ElementType'.

问题：为什么会出现这个问题，如何解决？

Answer 1

您必须指定“输入”类型。

as: HTMLEl = "input" as T,