如何在 react native app 中使用 react js 组件?

IT技术 reactjs react-native redux
2021-05-23 09:58:35

是否可以在 React Native 应用程序中使用所有 reactjs 组件?如果没有,在 react js 和 react native 之间切换的最佳方法是什么?

如果应用程序是使用 react js 完成的,是否有必要(强制)在其中使用 redux?

4个回答

主要有两点:

1.React(DOM)和React Native中的基础UI组件是不同的。

2.React 和React Native 中的'React' 对象不同(React Native 去掉了DOM-specific 的东西,增加了很多native-specific 的代码)。

请查看此链接了解更多详情:

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

我避免使用这些类型的任务,因为React JS为 Web 构建的React JSUI 组件与为React Native.

React Native没有<div/>or<img/>或 a DOM

React Native使用React JS绑定到本机视图的组件,诸如此类CSS东西与 Web 上的非常不同。

您能够应用程序中使用UI 组件唯一方法是使其高度和宽度为嵌入式 web 视图的 100%。这是可能的(我已经为测试目的这样做了),但并不理想。React JSReact Native

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

React Native 使用其他类型的组件,这些组件与 HTML 无关,但与 iOS 和 Android 视图相关。连造型都略有不同

如果不是,在 react js 和 react native 之间切换的最佳方法是什么?

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

如果应用程序是使用 react js 完成的,是否有必要(强制)在其中使用 redux?

不,redux 只是通量架构的一个实现还有其他的,但 redux 是最受欢迎的。

如果您的组件包含纯 js 逻辑,那么是的。React js 适用于 Web,我们在其中使用 Web 语义。React Native 扩展了移动原生 UI 组件。