javascript - 使用react访问全局javascript变量

我有一个JavaScript文件，想在React组件中使用它。
该脚本如下所示：

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

还有一个d.ts文件

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

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

我在浏览器控制台'xml2json' is undefined中收到以下错误

如果重要的话，我使用打字稿和.tsx文件。
该项目是使用create-react-app MyProject --scripts-version=react-scripts-ts创建的

最佳答案

对打字稿不太熟悉，但您的导出文件应如下所示：

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

导入文件应该在文件中的某个位置：

import { xml2json } from './xml2json';

关于javascript - 使用react访问全局javascript变量，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43367896/