如何在React JS中导入整个javascript文件

Question

我有一个没有导出代码的.js文件（JavaScript文件）。它有一个构造函数和一些原型方法。我需要在ReactJS App中添加它。

我尝试的是在client / index.html中添加脚本标记。然后将js文件上传到客户端文件夹。当我在Apps.jsx文件中调用构造函数时，收到错误，未定义Constructor_name。

我怎样才能以正确的方式做到？

Answer 1

我们在项目中这样做。您必须使用浏览器和React共享的公共对象。所以只需在窗口对象中创建一个引用。

import Foo from 'Foo';
import App from 'App';

//Foo.js
class Foo { constructor() {} }
window.Foo = Foo;

//App.jsx
let foo = new window.Foo();

如果您想要访问多个并且不想污染全球范围：

//Foo.js
class Foo { constructor() {} }
window.MyApp = { Foo: Foo };