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

Question

我是React JS新手。 我正在嘗試構建一個Web應用程序，該應用程序也可以在移動設備（Android和IOS）上運行，因此想到將react js用於web application並創建了一些組件。 所以可以在React native使用React js組件。

Answer 1

你提前做好計划是件好事。 JS和Native之間100％匹配是不可能的，但經過仔細的規划，你可以重復使用。

您可能需要查看反映Web的特定於本機的組件的React Native Web項目（例如，視圖，圖像，文本等）。

我建議在React JS中構建一個簡單的原型，然后在React Native中構建一個簡單的原型，這樣你就可以了解這兩個生態系統的差異。 擁有實踐經驗將證明比任何寫作更有益:)

Answer 2

ReactNative是一組像真正的本地組件的View ， TextInput TouchableHighlight和更多 。 它也是一個平台，讓您運行JavaScript代碼來控制這些。

Cordova中沒有WebView，你得到的是具有原生視圖的本機應用程序。

但這意味着，您仍然可以使用JS編寫的某些或您的域邏輯，您可以在Web App中使用相同的方式。

例如，你有一個iOS的登錄屏幕，但你的服務器調用的所有必要的東西，可以進入一個單獨的模塊，例如api/auth.js ，它可以在web，ios，android，iot之間分享。