如何在 react/typescript 中定义按钮的类型？

Question

我目前正在尝试定义按钮组件的类型，它当前设置为 any 所以它正在工作，但是这个属性的真正类型是什么？

import React, { Dispatch, SetStateAction } from "react";

interface ButtonI {
  className?: string;
  label?: string;
  children: React.ReactNode;
  type?: any;
  onClick?: Dispatch<SetStateAction<boolean>>;
}

const Button: React.FC<ButtonI> = (props) => {
  return (
    <button
      className={`${props.className}`}
      type={props.type || "button"}
      aria-label={props.label || ""}
      onClick={() => (props.onClick ? props.onClick(true) : null)}
    >
      {props.children}
    </button>
  );
};

export default React.memo(Button);

Answer 1

按钮类型的类型是

React.ButtonHTMLAttributes<HTMLButtonElement>["type"]

用法：

type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"]

它接受：

"button" | "reset" | "submit" | undefined