重构对Typecript的反应会导致错误属性'readOnly'在类型'IntrinsicAttributes＆amp; InputProps＆amp; {children？：ReactNode; }”

Question

我正在使用Typescript重构一个应用程序。除了这个简单的组件外，Everthing的进展顺利。我正在使用Input中的material-ui。

import {Input} from "material-ui";

class Cp extends React.Component<any, any> {
    render = () => <Input readOnly/>          
}

Typescript编译器抱怨readOnly属性，但它在JavaScript中运行良好。

TS2559: Type '{ readOnly: true; }' has no properties in common with type 'IntrinsicAttributes & InputProps & { children?: ReactNode; }'.

但是，我可以在readOnly元素的道具扩展的界面HTMLInputElement中看到属性Input。

如何绕过此错误？

Answer 1

readOnly不是输入组件的道具。 你试过这种方式吗？

<Input inputProps={{ readOnly: true }} />