html输入元素的大小属性的React TypeScript错误答案

【问题标题】：React TypeScript error for size attribute of html input elementhtml输入元素的大小属性的React TypeScript错误
【发布时间】：2020-09-16 19:02:09
【问题描述】：

我正在使用带有 TypeScript 模板的 create-react-app。当我写下面的 JSX/TSX 代码 sn-p

function MyInputFieldComponent() {
    return (
        <input type="text" size="100" placeholder="Full Name"/>
    );
}

我收到以下编译器错误：

(JSX 属性) React.InputHTMLAttributes.size?: 号码 |未定义

类型“字符串”不可分配给类型“数字”| 未定义'.ts(2322)

index.d.ts(2094, 9)：预期类型来自此处在类型上声明的属性“大小” '详细的HTMLProps, HTMLInputElement>'

这里有什么问题？我不应该像设置任何其他属性一样设置 html 属性“大小”吗？

【问题讨论】：

大小是number, 不是string

标签： reactjs typescript

【解决方案1】：

function MyInputFieldComponent() {
    return (
        <input type="text" size={100} placeholder="Full Name"/>
    );
}

【讨论】：

啊，谢谢。起初我确实尝试过<input type="text" size=100 placeholder="Full Name"/>，但显然忘记了花括号。感谢您指出这一点。