按钮上不存在属性'type'

Question

我有此按钮组件：

export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
    small?: boolean;
}

class Button extends React.Component<ButtonProps> { ... }

但是当我尝试做时：

<Button type="submit"></Button>

我收到此错误：

属性'type'在类型'IntrinsicAttributes＆IntrinsicClassAttributes＆Readonly＆Readonly '

为什么？ type的React.HTMLAttributes<HTMLButtonElement>属性部分不是吗？设置此属性的正确/建议方法是什么？

Answer 1

export interface ButtonProps
  extends React.DetailedHTMLProps<
    React.ButtonHTMLAttributes<HTMLButtonElement>,
    HTMLButtonElement
  > {
  small?: boolean
}

class ButtonZ extends React.Component<ButtonProps> {
  render() {
    return <></>
  }
}

[如果您使用VSCode作为IDE，则将鼠标悬停在HTML组件上并检查工具提示是查看类型和道具的好方法。