Javascript 如何将现有非React本机组件JS导入/要求导入React本机组件

我有一个相当大的Web应用程序javascript遗留代码库，其中包括表示/数据模型/控制器/连接。我试图用ReactNative替换表示层技术，同时保留现有的数据模型/控制器/连接部分。所以第一个问题是，在我构建了ReactNativeComponent之后，我们定义了UI布局，建立了绑定，创建了样式。。。但是我需要从遗留代码中调用一些js函数。

---

如何要求/导入现有js文件（不是ReactNativeComponent）到一个ReactNativeComponent并使用它？

如果它们是纯js，那么您可以正常导入它们。如果它们与html/css/dom有任何关系，它将抛出一个错误。

如果它们纯粹是js，那么您可以正常导入它们。如果它们与html/css/dom有任何关系，它将抛出一个错误。

我以前也遇到过这个问题。我做了一件事，无法找到更优雅的解决方案，那就是将我的遗留代码包装在一个模块中

假设这是

foo.js

var Foo = (function() {
  var mod = {
    init: function() {
      // legacy code here...
    }
  }

  return mod;
})()

module.exports = Foo;

然后在调用文件中：

import foo from './somewhere/foo';
foo.init();

---

我不喜欢这种方法，但它奏效了。希望它能有所帮助。

我以前也有过这个问题。我做了一件事，无法找到更优雅的解决方案，那就是将我的遗留代码包装在一个模块中

假设这是

foo.js

var Foo = (function() {
  var mod = {
    init: function() {
      // legacy code here...
    }
  }

  return mod;
})()

module.exports = Foo;

然后在调用文件中：

import foo from './somewhere/foo';
foo.init();

我不喜欢这种方法，但它奏效了。希望它能有所帮助