2017-03-09 109 views
0

我有一个很大的JavaScript遗留代码基地的WebApplication,其中包括演示/数据模型/控制器/连接。我试图用ReactNative替换表示层技术,同时保留现有的数据模型/控制器/连接部分。所以第一个问题是,在我构建了定义了UI布局的ReactNativeComponent之后,绑定建立了样式创建......但我需要从遗留代码中调用一些js函数。 如何将一个现有的js文件(不是ReactNativeComponent)导入到一个ReactNativeComponent并使用它?如何导入/要求现有的非反应本机组件JS到反应本地组件

回答

1

如果他们纯粹是JS,那么你可以正常导入它们。如果他们与html/css/dom有任何关系,它会抛出一个错误。

2

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

比方说,这是foo.js

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

    return mod; 
})() 

module.exports = Foo; 

则呼吁文件:

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

我不喜欢这种方式,但它的工作。希望它可以有所帮助。