如何在React Native中重用React JS组件

时间:2016-06-18 15:19:22

标签: javascript reactjs react-native

我是React JS的新手。我正在尝试构建一个应该也适用于移动设备(Android和IOS)的Web应用程序,因此考虑将react js用于web application并创建了一些组件。因此可以使用React js中的React native组件。

2 个答案:

答案 0 :(得分:8)

提前计划好。 JS和Native之间100%的匹配是不可能的,但经过仔细的规划,你可以重用一笔好交易。

您可能需要查看反映特定于Web的特定于组件的组件的React Native Web项目(例如,视图,图像,文本等)。

我建议在React JS中构建一个简单的原型,然后在React Native中构建一个简单的原型,这样您就可以了解这两个生态系统中的差异。拥有实践经验将证明比任何写作更有益:)

答案 1 :(得分:5)

ReactNative 是一组真实的原生组件,如ViewTextInput TouchableHighlightmore。它也是一个允许您运行javascript代码来控制这些代码的平台。

Cordova中没有WebView,你得到的是具有原生视图的原生应用程序。

但这意味着,您仍然可以使用JS编写的某些或您的域逻辑,您可以在Web App中使用相同的方式。

例如,您有一个适用于iOS的登录屏幕,但服务器调用的所有必要内容可以进入单独的模块,例如: api/auth.js,它可以在web,ios,android,iot之间共享......无论如何。