一个代码库
任何平台
仅 React

• ✓ 100 多个针对移动设备优化的 React UI 组件
• ✓ 使用 react-dom 的标准 React 工具
• ✓ iOS / Android / Electron / PWA

入门

使用你所熟知的 React 构建跨移动和 Web 的出色应用。

Ionic React 是 Ionic Framework 的原生 React 版本，Ionic Framework 是一款免费的开源 SDK，为全球数百万个关键任务应用提供支持。

它包含了使用 React 发布获奖应用所需的一切。

出色的设计

从超过 100 个精美、面向移动设备的 UI 组件、动画和手势中选择，轻量级且可自定义，以适应您的品牌。

探索 UI 组件

熟悉的工具

Ionic React 项目与 React 项目类似，利用了 react-dom，并且拥有通常在 Create React App (CRA) 应用中找到的设置。对于 路由和导航，React Router 在幕后使用。与 React 版本 16.8 及更高版本兼容。

不止移动

使用 Capacitor 将 Ionic React 项目部署到原生 iOS、Android、Electron 和 Web 作为渐进式 Web 应用，这是一个现代化的原生运行时。所有这些都使用一个共享的代码库。

仅 React

归根结底，它只是 React。Ionic React 使用开放的 Web 标准和内置的浏览器功能，因此它与数百万个 Web 库中的任何一个兼容。

安装

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

$ ionic serve █

资源

入门

学习使用 Ionic Framework 构建出色应用所需的基础知识。

将 Ionic 添加到现有 React 应用

使用单个组件或完整的应用体验。

导航

了解使用 Ionic 和 React Router 在应用内进行导航的基础知识

生命周期

了解如何在类组件和使用钩子时使用 Ionic 生命周期事件