React.ButtonHTMLAttributes传入的泛型

来源：4-11 精益求精 - Buton 组件编码第二部分

5942

2022-12-19

老师好，我看您传入的泛型是HTMLElement，为什么不是HTMLButtonElement，HTMLButtonElement不是更准确吗？

type NativeButtonProps = BaseButtonProps &
  React.ButtonHTMLAttributes<HTMLButtonElement>;
type AnchorButtonProps = BaseButtonProps &
  React.AnchorHTMLAttributes<HTMLAnchorElement>;

export type ButtonProps = Partial<NativeButtonProps & AnchorButtonProps>;

写回答

1回答

张轩

2022-12-19

同学你好

完全可以的，这里可以使用更精确的类型，这个类型如果你去追踪泛型的话，最终是在

DOMAttributes 上面的，然后会反射到对应的事件响应上
onFocus?: FocusEventHandler<T> | undefined;

如果想要事件获取更精细的类型，可以尝试传入更准确的类型。

React18+TS高仿AntD从零到一打造组件库

设计，开发，测试，发布再到 CI/CD，从0到1造轮子

2123 学习 · 959 问题

查看课程

相似问题

关于React.FC<P={}> 这个泛型默认值的问题

回答 2

其实我最关心的是React.ButtonHTMLAtrribute 为什么要添加<HTMLElement>泛型？

回答 1

请问老师关于React.ButtonHTMLAttributes

回答 1

React.ButtonHTMLAtrribute中不同泛型的作用

回答 1

useURLLoader改写成泛型形式报错

回答 1

打开慕课网App查看更多内容