在React与TypeScript中使用picture标签需继承的类型是什么？

在 React 与 TypeScript 环境下，适配 <picture> 标签的属性类型需要基于 HTMLPictureElement 来定义，以下是两种可行的继承方式：

• 通用属性继承方案：使用 React.HTMLProps 泛型，适用于需要包含所有 HTML 元素通用属性的场景

export interface MyPictureInterface extends React.HTMLProps<HTMLPictureElement> {}

• 专属属性继承方案：使用 React.PictureHTMLAttributes 类型，这是 React 为 <picture> 标签提供的专属属性集合，更精准推荐

export interface MyPictureInterface extends React.PictureHTMLAttributes<HTMLPictureElement> {}

你之前尝试的 React.ImgHTMLAttributes 是专门给 <img> 标签设计的属性类型，自然无法适配 <picture> 标签。

内容的提问来源于stack exchange，提问作者dsantoro