Ionic React 概述

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

React 版本支持

Ionic React 支持 React 的最新版本。有关支持的版本详情以及我们的支持政策，请参阅 Ionic React 支持政策。

React 开发工具

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

原生开发工具

Capacitor 是 Ionic Angular 的官方跨平台运行时，它能让你的应用通过单一代码库在 iOS、Android 和 Web 上原生运行。

安装

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

$ cd myApp
$ ionic serve █

资源

快速开始

快速搭建你的第一个 Ionic React 应用，并了解框架和 CLI 的基础知识。

React 文档

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

导航

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

组件

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

主题定制

学习如何使用 Ionic 强大的主题系统来定制应用的外观和风格。

Capacitor 文档

探索如何使用 Capacitor 访问原生设备功能，并将你的应用部署到 iOS、Android 和 Web 上。