Question

在tsconfig.json中将jsx设置为react并将jsxFactory设置为fn时，还有一些错误：

a.tsx

import fn from "./fn";
import delegate from "./delegate";

class A {
    constructor(point: { x: number, y: number }){
        console.log(x, y);

        // ...
    }
}

delegate(
    <A target={document.getElementById("myId")} />
);

delegate.ts

export default function delegate({ type, props: { target } }){
    target.onClick = (e) => {
        new type(e.clickX, e.clickY);
    };
};

错误：Type '{ target: HTMLElement; }' is not assignable to type '{ x: number;, y: number; }'和Property 'target' does not exist on type '{ x: number; y: number; }'

我如何禁用道具检查？不必关心代码的逻辑，因为，这只是一个例子。

Answer 1

您可以将道具声明为any，然后传播（...）道具：

delegate(
    <A {...({ target: document.getElementById("myId") } as any)} />
);

Answer 2

代码如下：

jsx-namespace.d.ts

declare namespace JSX {
     // ...
    interface IntrinsicAttributes {
        [attributeName: string]: any
    }
    // ...
}

typescript 3.4.5

jsx类型为函数时，如何禁用道具检查？

2 个答案: