跳到主要内容
版本:v6

Ionic React 概览

@ionic/react 将 Ionic Framework 的全部能力带给 React 开发者。它与 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 核心概念、工具和最佳实践的内容。

导航

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

组件

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

主题

学习如何使用 Ionic 强大的主题系统自定义应用的外观和体验。

Capacitor 文档

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