在 React 和 React-Native 之间共享组件/逻辑

Question

我正在尝试创建一个针对网络和移动设备的应用程序。这个想法是创建渲染方式不同但共享逻辑的 React 组件。

\n\n

React v.014 博客文章指出“我们\xe2\x80\x99将主要的react包分成两部分：react和react-dom。这为编写可以在Web版本的React和React Native之间共享的组件铺平了道路。 \nReact 包包含 React.createElement、.createClass、.Component、.PropTypes、.Children 以及与元素和组件类相关的其他帮助程序。我们将这些视为构建组件所需的同构或通用帮助程序。

\n\n

我找到了一个很好的例子（http://blog.benoitvallon.com/projects/a-mobile-desktop-and-website-app-with-the-same-code/），它使用相同的概念并完成了结果（react-native 0.13.6 和react 0.14.2）。

\n\n

在此代码中，您将看到没有什么特别的，只是关于如何扩展 React-Native 命名约定系统以包含 Web 版本的聪明想法。当我升级到最新的react-native时，它会抱怨任何使用react包中的React.Component而不是react-native的组件。

\n\n

这是令人困惑的，因为 0.14 版本似乎表明这正是移动固件的点。让React创建组件，让react-dom处理DOM，让react-native处理ios/android视图。

\n\n

我认为这是一个绝妙的主意，但我似乎无法解决这个特定的问题。任何想法、想法将不胜感激。

\n\n

谢谢

\n

Answer 1

以这种方式使 React Native 工作的转变正在进行中，但尚未完成。参见美国医学会。

我们正在努力停止使用我们的 fork，以便人们可以使用 require('react') 并与 require('react-native') 一样工作，这将使所有第三方插件都可以在这两个地方工作不做任何事情。

现在，我们无法在不分叉的情况下在开源版本的react-native上使用relay，这是一个巨大的耻辱，我们正在努力解决这个问题。