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

Question

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

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; }'.

但是我可以在由Input元素的props扩展的接口HTMLInputElement看到属性readOnly 。

如何绕过这个错误？

Answer 1

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

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