Question

我有一个非常大的WebApplication遗留代码库，包括演示文稿/数据模型/控制器/连接。我正在尝试用ReactNative替换表示层技术，同时保留现有的数据模型/控制器/连接部分。所以第一个问题是，在我构建了ReactNativeComponent后，我们定义了UI布局，绑定已建立的样式，但是我需要从遗留代码中调用一些js函数。如何将现有的js文件（不是ReactNativeComponent）导入/导入到一个ReactNativeComponent并使用它？

Answer 1

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

我们说这是foo.js

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

  return mod;
})()

module.exports = Foo;

然后在调用文件：

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

我不喜欢这种方法，但它有效。希望它可以有所帮助。

Answer 2

如果他们是纯粹的js，那么你可以正常导入它们。如果它们与html / css / dom有关，则会抛出错误。

如何将现有的非React-Native-Component JS导入/要求React Native Component

2 个答案: