使用react访问全局javascript变量

Question

我有一个JavaScript文件，想在React组件中使用它。 脚本看起来如下：

function XMLtoJSON() {
    ....
} 
var xml2json = new XMLtoJSON();

带有

的d.ts文件

interface XMLtoJSON {
    ...
}
declare var xml2json: XMLtoJSON;

我尝试使用import './xml2json.js'并且js-code包含在生成的js文件中，但是不会执行创建变量xml2json的部分。

我在浏览器控制台'xml2json' is undefined

中发现了以下错误

如果它很重要，我会使用typescript和.tsx - 文件 该项目是使用create-react-app MyProject --scripts-version=react-scripts-ts

创建的

Answer 1

对反应的typescript不太熟悉，但您的导出文件应如下所示：

function XMLtoJSON() {
    ....
} 
var xml2json = new XMLtoJSON();
export xml2json;

并且导入文件应该在文件中的某处：

import { xml2json } from './xml2json';