Reactjs 什么类型将用于抽象JSX元素'；将属性添加到对象中？

我对typescript还是比较生疏的，这已经成为一种好奇心，而不是为了使它功能化而需要做它

如果我将html输入的属性抽象到它自己的对象中，那么文件输入的类型是什么？我已经研究了JSX.intrinsiceelements等，但似乎找不到

render（）{
常量文件输入：SomeType={
键入：“文件”，
多重：对，
ref：（input:HTMLInputElement）=>this.elFileInput=input，
onChange:（）=>this.handleSelectedFile（）
};
返回(
);
}

您可以查看。在这种情况下，它将是

React.DetailedHTMLProps

，即：

const fileInputAttrs: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> = {
    type: 'file',
    multiple: true,
    ref: (input: HTMLInputElement) => this.elFileInput = input,
    onChange: () => this.handleSelectedFile()
};

const fileInputAttrs:React.DetailedHTMLProps={
键入：“文件”，
多重：对，
ref：（input:HTMLInputElement）=>this.elFileInput=input，
onChange:（）=>this.handleSelectedFile（）
};

const fileInputAttrs: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> = {
    type: 'file',
    multiple: true,
    ref: (input: HTMLInputElement) => this.elFileInput = input,
    onChange: () => this.handleSelectedFile()
};