Question

我在下面的代码中写了这个代码，它使用了＃34; react-dom / test-utils＆＃34;中的ReactTestUtils。

let nameInput = TestUtilsExtended.findRenderedDOMComponentWithTag(root, "input");

TestUtilsExtended.Simulate.change(nameInput, {
    target: {
        value : "alice"
    }
} as any);

它工作正常，当我放置as any时，结果与预期一致。如果我删除了转换，则会发生以下错误：

[ts]类型的参数＆＃39; {target：{value：string; }; }＆＃39;不能分配给＆＃39; SyntheticEventData＆＃39;类型的参数。财产类型＆＃39;目标＆＃39;是不相容的。输入＆＃39; {value：string; }＆＃39;不能分配到＆＃39; EventTarget＆＃39;。对象文字只能指定已知属性，而且值为＆＃39;类型＆＃39; EventTarget＆＃39;。
中不存在

以下是我从Simulate.change得到的@types/react-dom (version: ^15.5.4)的智能感知：

const Simulate.change: (element: React.ReactInstance, eventData?: SyntheticEventData) => void

在SyntheticEventData界面的声明中，我发现target属性类型为Javascript EventTarget：

export interface OptionalEventProperties {
    // ....
    target?: EventTarget;
}

export interface SyntheticEventData extends OptionalEventProperties {
    // ....
}

由于我在执行as any投射时代码按预期工作，因此我不太了解此EventTarget界面的工作原理。

你们知道删除as any投射的解决方法吗？因为如果可能的话，我希望尽量减少在我的代码中将任何内容转换为any。我想强制输入代码。

Answer 1

您需要强制转换为未知，然后将其强制转换为EventTarget

let nameInput = TestUtilsExtended.findRenderedDOMComponentWithTag(root, "input");

TestUtilsExtended.Simulate.change(nameInput, {
    target: {
        value : "alice"
    }
} as unknown as EventTarget);

ReactTestUtils Simulate.Change参数类型SyntheticEventData错误

1 个答案: