Progress进度条 何时使用 代码演示 API type="line" type="circle" type="dashboard" Progress进度条 展示操作的当前进度。 何时使用 在操作需要较长时间才能完成时，为用户显示该操作的当前进度和状态。 当一个操作会打断当前界面，或者需要在后台运行，且耗时可能超过 2 秒时...

在 TypeScript 中使用 安装和初始化 引入 antd 高级配置 自定义主题 其他方案 在 TypeScript 中使用 使用 create-react-app 一步步地创建一个 TypeScript 项目，并引入 antd。 antd 基于最新稳定版本的 TypeScript（>=3.8.4 ），请确保项目中使用匹配的版本...

TabBar 标签栏 规则 代码演示 API TabBar TabBar.Item TabBar 标签栏 位于 APP 底部，方便用户在不同功能模块之间进行快速切换。 规则 用作 APP 的一级分类，数量控制在 3-5 个之间。 即使某个 Tab 不可用，也不要禁用或者移除该 Tab。 使用 Badge 进行提示，足不出户也能...

升级 antd pro 项目到 umi@3 依赖处理 配置层迁移 代码层修改 升级 antd pro 项目到 umi@3 迁移到 Umi 3 分三步，不到 10 分钟即可完成迁移： 依赖处理 配置层迁移 代码层修改 依赖处理 项目的 package.json 需要升级 umi，并替换掉对应的 umi 插件。 { "...

在 TypeScript 中使用 安装和初始化 引入 antd 高级配置 使用 babel-plugin-import 自定义主题 其他方案 在 TypeScript 中使用 使用 create-react-app 一步步地创建一个 TypeScript 项目，并引入 antd。 安装和初始化 请确保电脑上已经安装了最新版的 ya...

在 TypeScript 中使用 安装和初始化 引入 antd 高级配置 使用 babel-plugin-import 自定义主题 其他方案 在 TypeScript 中使用 使用 create-react-app 一步步地创建一个 TypeScript 项目，并引入 antd。 安装和初始化 请确保电脑上已经安装了最新版的 ya...

在 TypeScript 中使用 安装和初始化 引入 antd 高级配置 使用 babel-plugin-import 自定义主题 其他方案 在 TypeScript 中使用 使用 create-react-app 一步步地创建一个 TypeScript 项目，并引入 antd。 安装和初始化 请确保电脑上已经安装了最新版的 ya...

替换 Moment.js 如何在 DatePicker 中使用自定义日期库（如 dayjs ）？ 自定义组件 DatePicker.tsx TimePicker.tsx Calendar.tsx 导出自定义组件 使用自定义组件 Webpack 配置替换 替换 Moment.js 如何在 DatePicker 中使用自定义日期库（如...

在 TypeScript 中使用 安装和初始化 引入 antd 高级配置 使用 babel-plugin-import 自定义主题 其他方案 在 TypeScript 中使用 使用 create-react-app 一步步地创建一个 TypeScript 项目，并引入 antd。 antd 基于最新稳定版本的 TypeScript（...

Spin加载中 何时使用 代码演示 API 静态方法 Spin加载中 用于页面和区块的加载中状态。 何时使用 页面局部处于等待异步数据或正在渲染过程时，合适的加载动效会有效缓解用户的焦虑。 代码演示 基本用法 一个简单的 loading 状态。 import { Spin } from 'antd' ...