React.HTMLProps <>和React.HTMLAttributes <T>有什么区别？

Question

我正在尝试为我的组件定义一个props接口，并希望它包含所有常见属性。

但发现我可以扩展两个不同的接口

interface MyProps extend React.HTMLProps<HTMLElement> 和 interface MyProps extend React.HTMLAttributes<HTMLElement>

有什么不同？我应该使用哪一个？似乎HTMLProps包含HTMLAttributes，这是否意味着HTMLProps应该是更好的候选者？

Answer 1

HTMLProps包含的内容比还要多HTMLAttributes。这样的东西ref等等。

我过去做过以下事情：

export interface PrimitiveProps extends React.HTMLProps<HTMLDivElement> { };

它对我来说很好