Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Import 将自定义Javascript对象导入React/ES6生态系统_Import_Reactjs_Ecmascript 6_Webpack_Paperjs - Fatal编程技术网

Import 将自定义Javascript对象导入React/ES6生态系统

Import 将自定义Javascript对象导入React/ES6生态系统,import,reactjs,ecmascript-6,webpack,paperjs,Import,Reactjs,Ecmascript 6,Webpack,Paperjs,我在上一个项目的文件中有一些旧的自定义javascript对象,我想在使用React 0.14.x和ES6约定构建的新项目中导入和使用这些对象。有这么多的旧代码,我不想碰任何一个。它看起来如下所示: myCustomObjectOne.js: function myCustomObjectOne() { this.some_attribute = ''; this.another_attribute = []; etc. } myCustomObjectOne.prot

我在上一个项目的文件中有一些旧的自定义javascript对象,我想在使用React 0.14.x和ES6约定构建的新项目中导入和使用这些对象。有这么多的旧代码,我不想碰任何一个。它看起来如下所示:

myCustomObjectOne.js:

function myCustomObjectOne() {
    this.some_attribute = '';
    this.another_attribute = [];
    etc.
}

myCustomObjectOne.prototype.someMethod = function() {
    // do stuff
};
有一些类似模式的文件定义了其他自定义对象

我是否将这些文件放在某个位置,然后在我的某个React组件文件中执行以下操作:

import myCustomObjectOne from '/path/to/file/myCustomObjectOne.js'
import myCustomObjectTwo from '/path/to/file/myCustomObjectTwo.js'
另外,假设在我的旧项目中,我正在使用或任何第三方库。我指的是
myCustomObjectOne.js
中该库中的全局对象,例如,调用
paper.activate()
。然而,在我的新项目中,我只是有一个包清单,其中paperjs作为一个依赖项与webpack捆绑在一起,并且在我的React组件中:
从“paper”导入纸张。我的旧文件不再有权访问全局
纸张
对象,因为之前我只是将供应商文件包含在
标记中


我是不是把事情弄得太复杂了?我是否应该不尝试导入/捆绑我的旧文件,而是在我的html文件中添加
标记,并将我的旧文件与我的代码完全分离?我的旧JS对象不是视图,也不是真正与DOM交互的对象,它们几乎只是操纵第三方库(第三方库在画布元素中是自包含的)。

如果您使用的是webpack,则可以使用导入加载程序和提供插件。有关更多信息,请参见。

我安装了来自npm的导入加载程序。然后在我的网页配置中,我在loaders部分添加了
imports?paper=paper
。现在在我的React组件中,我不需要显式地从“paper”导入纸张。然后我添加了我的自定义文件:
import myCustomObjectOne from'/path/to/file/myCustomObjectOne.js'如何在React组件的自定义模块中引用构造函数?我在尝试
let blah=new myCustomObjectOne()时遇到“不是函数”错误
Nevermind,您只需要在自定义文件中使用
export
语句。问题似乎已经解决。如果是,请接受答案。谢谢