javascript - 从 React TypeScript 组件调用外部 Javascript 函数

Question

我有一个带有 typescript 的 React redux 应用程序。所以场景是这样的，我有一个包含一些 javascript 的 index.cshtml 文件。

<script type="text/javascript">
    function test() {
        alert('Function from index.html');
    }
</script>

现在在我的 React 组件上，在 componentWillMount() 函数中的 Main.tsx 上，我想调用测试函数。

componentWillMount() {
    window.test();
}

但这对我不起作用。消息是类型窗口上不存在测试

非常感谢任何帮助。

Answer 1

您可以像这样扩展 Window 接口(interface):

interface Window {
    test(): void;
}

当您在模块中执行此操作时，您需要确保它是您正在扩展的全局 Window 接口(interface):

declare global {
    interface Window {
        test(): void;
    }
}

这为编译器提供了类型实现。