Skip to main content

Ionic React 概述

@ionic/react 将 Ionic 框架的全部强大功能带给 React 开发者。它提供与 React 生态系统的无缝集成，因此你可以使用熟悉的 React 工具、组件和最佳实践来构建高质量的跨平台应用。你还可以访问 Ionic 的丰富 UI 库和原生功能。

React 版本支持​

🌐 React Version Support

Ionic React 支持最新版本的 React。有关支持的版本和我们的支持政策的详细信息，请参见 Ionic React 支持政策。

🌐 Ionic React supports the latest versions of React. For detailed information on supported versions and our support policy, see the Ionic React Support Policy.

React 工具​

🌐 React Tooling

Ionic React 可以与 React CLI 和流行的 React 工具无缝协作。你可以使用你喜爱的库来进行状态管理、测试等。Ionic React 旨在自然地融入 React 生态系统，因此你可以使用 Create React App、Vite 或 Next.js 等工具来搭建和构建你的应用。

🌐 Ionic React works seamlessly with the React CLI and popular React tooling. You can use your favorite libraries for state management, testing, and more. Ionic React is designed to fit naturally into the React ecosystem, so you can use tools like Create React App, Vite, or Next.js to scaffold and build your apps.

原生工具​

🌐 Native Tooling

电容器 是 Ionic Angular 的官方跨平台运行时，使你的应用能够使用单一代码库在 iOS、Android 和 Web 上原生运行。

安装​

🌐 Installation

$ npm install -g @ionic/cli
$ ionic start myApp tabs --type react

$ cd myApp
$ ionic serve █

资源​

🌐 Resources

新手上路

快速设置你的第一个 Ionic React 应用，并学习该框架和 CLI 的基础知识。

React 文档

从官方 React 文档了解更多关于 React 核心概念、工具和最佳实践的信息。

导航

了解如何在 Ionic React 应用中使用 React Router 处理路由和导航。

组件

探索 Ionic 丰富的 UI 组件库，用于构建美观的应用。

主题化

了解如何使用 Ionic 强大的主题系统自定义应用的外观和感觉。

电容器文档

探索如何访问本地设备功能，并使用 Capacitor 将你的应用部署到 iOS、Android 和网络。

目录