如何在React Native应用中使用React JS组件？

Question

是否可以在React Native应用程序中使用所有的ReactJS组件？如果不行，那么在ReactJS和React Native之间切换的最佳方式是什么？

如果使用ReactJS完成应用程序，在其中使用Redux是必须的吗？

- Subramaniyan Narayanan

Answer 1

有两个主要点：

1. React（DOM）和React Native中的基本UI组件是不同的。

2. React和React Native中的“React”对象是不同的（React Native去除了特定于DOM的内容，添加了许多本地特定的代码）。

请参阅此链接以了解更多详细信息：

https://medium.com/@aakashns/sharing-components-between-react-and-react-native-f6ce3713658a#.oa4my8p36

- Muhammad Shoaib Riaz

Answer 2

我避免这些类型的任务，因为为Web构建的React JS UI组件与为React Native构建的UI组件具有不同的语义。

React Native没有<div/>或<img/>，也没有DOM。

React Native使用绑定到本地视图的React JS组件，而像CSS这样的东西与Web上的非常不同。

您能在React Native应用程序中使用React JS UI组件的唯一方法是使其完全嵌入式webview的高度和宽度。 这是可能的（我已经为测试目的做过了），但不理想。

- JayGarcia

---

还可以参考这个链接：https://dev59.com/vFoU5IYBdhLWcg3wCjrx - JayGarcia

Answer 3

是否可以在React Native应用程序中使用所有ReactJS组件？

React Native使用其他类型的组件，这些组件与HTML无关，而是与iOS和Android视图相关。即使样式也有一些不同。

如果不能，那么在ReactJS和React Native之间切换的最佳方法是什么？

您仍然可以重用代码的其他部分。例如，如果您使用Redux，则应继续使用几乎相同的代码。

如果使用ReactJS完成应用程序，是否有必要（强制）使用Redux？

否，Redux只是Flux架构的一个实现。还有其他的，但Redux是最流行的。

- Diego Haz

Answer 4

如果您的组件包含纯JavaScript逻辑，那么是的。React JS用于Web，我们利用Web语义。React Native扩展了移动本地UI组件。

- Carlton