小道具としてHTMLAttributesを持つコンポーネントを作成する方法

Question

私はTypescriptとPreactを使用しています。私は<span/>が持つことができるすべての小道具を公開するコンポーネントを作成したい：

import { h, Component } from "preact"; 

export class MySpan extends Component<any, void> { 
    render(props) { 
     return <span {...props}></span>; 

    } 
} 

しかし、上記の例では、実際にタイプセーフではないanyを、使用しています。むしろ、私はspanの特性を公開したいと思っています。

Answer 1

では、私はそれをこのように行うと反応する：

import { h, Component } from "preact"; 

export class MySpan extends Component<JSX.HTMLAttributes, void> { 
    render(props) { 
     return <span {...props}></span>; 

    } 
} 

注：私はpreactで本物の経験を持っていますが、アカウントに自分のpreact.d.tsを取っていない

export class MySpan extends React.Component<React.HTMLProps<HTMLDivElement>, void> 
{ 
    public render() 
    { 
     return <span {...this.props}/>; 
    } 
} 

、それはのようなものでなければなりませんスパン要素の固有のプロパティではなく、一般的なプロパティです。