与 Expo 一起开发网站

使用 React Native 网页版 中的 <Text> 组件在任何平台上渲染文本。

¥Render text on any platform with the <Text> component from React Native for web.

import { Text } from 'react-native';

export default function Page() {
  return <Text>Home page</Text>;
}

React Native for Web (RNW) 是一组组件库，例如 <View> 和 <Text>，它们封装了 react-dom 原语，例如 <div>、<p> 和 <img>。在进行 Web 开发时，RNW 是可选的，因为你可以直接使用 React DOM，但我们在跨平台构建时经常推荐它，因为它可以最大限度地提高代码重用性。

¥React Native for web (RNW) is a set of component libraries such as <View>, and <Text>, that wrap react-dom primitives such as <div>, <p>, and <img>. RNW is optional when developing for web since you can use React DOM directly, but we often recommended it when building across platforms as it maximizes code reuse.

React Native for web 用于为整个 X 网站提供支持。

¥React Native for web is used to power the entire X website.

或者，你可以编写仅用于 Web 的 React DOM 组件，例如 <div>、<p> 等，但是这些组件不会在原生平台上渲染。

¥Alternatively, you can write web-only React DOM components such as <div>, <p>, and so on, however, these components won't render on native platforms.

export default function Page() {
  return <p>Home page</p>;
}

Expo 完全支持构建仅限 Web 的组件，但是，你可能希望组织代码以更好地支持同时构建 Web 和原生平台。在 特定于平台的模块 中了解更多信息。

¥Building web-only components is fully supported by Expo, however, you may want to organize your code to better support building for both web and native platforms simultaneously. Learn more in platform-specific modules.