如何实现react-native-web

Question

我正在努力为网络和本地环境提供通用代码。

我遇到了类似的实现react-native-web

为什么选择本机组件可以在浏览器和本机环境中工作？ 我们不能让反应的网络组件在本地工作吗？

Answer 1

RNW提供RN中指定的组件的子集，并使用Babel插件替换在转换期间对RN的引用。

import { View } from ‘react-native’

变为

import { View } from ‘react-native-web’

这比这复杂一点，但希望你能得到主旨。

它正在用一个与ReactJs兼容的RN实现替换所请求的RN实现。它不是让RN组件在浏览器中工作，而是提供替代组件。界面大部分相同，但实现方式不同。

RN不是浏览器环境，因此您不能仅使用基于浏览器基础的组件，例如div等HTML标记。

ReactJs是一个框架（通过Babel），用于将JSX转换为JS，并提供组件生命周期，根据状态更改刷新元素。