如何将reactjs组件逻辑重用到react native中[已关闭]

ee7vknir  于 2023-06-06  发布在  React
关注(0)|答案(1)|浏览(157)

已关闭,此问题为opinion-based。目前不接受答复。
**想改善这个问题吗?**更新问题,以便editing this post可以用事实和引用来回答。

5天前关闭。
Improve this question
我有一个react.js项目,它有一个可重用的组件,我计划通过添加我的react native ui层并使用现有的组件逻辑,在相同的源代码中使用react native中相同的组件逻辑。
例如:listComponent.tsx
我已经将react-native安装到我的react.js项目中,并且能够实现我的react native ui层。
1.现在是否可以在可重用组件中有两个UI层并切换它们,就像如果我们在Web上运行组件,它应该呈现DOM元素,如果我从react native项目运行相同的组件,它应该呈现react native ui元素。
1.如果我在reactjs项目源代码中执行react-native init,会有冲突吗?
任何建议都很感激。谢谢

mwyxok5s

mwyxok5s1#

您可以在模块中创建index.ios.jsindex.android.js。React native更愿意使用index.ios.js和index.android.js而不是index.js,并且您的react web项目将忽略.android.js和.ios.js
1.在模块中创建index.ios.js和index.android.js

  1. index.ios.js和index.android.js可以导入MyMobileView.tsx

相关问题