实验性功能 使用实验性功能 实验性功能 NG-ZORRO 实验性功能是指已发布但不稳定或者还未准备好用于生产环境的功能。 开发者或用户可以选择在正式发布前使用这些功能，但是每次发布版本时都可能存在 breaking changes 。 使用实验性功能 引入你想使用功能的 NgModule 和样式，然后像正常组件一样使用它。 im...

Upload上传 何时使用 单独引入此组件 代码演示 API nz-uploadcomponent nzChange nzCustomRequest Upload上传 文件选择上传和拖拽上传控件。 何时使用 上传是将信息（网页、文字、图片、视频等）通过网页或者上传工具发布到远程服务器上的过程。 当需要上传一个或一些文件时。 当...

BackTop回到顶部 何时使用 代码演示 API BackTop回到顶部 返回页面顶部的操作按钮。 何时使用 当页面内容区域比较长时； 当用户需要频繁返回顶部查看相关内容时。 代码演示 基本 最简单的用法。 import { BackTop } from 'antd' ; React...

BackTop回到顶部 何时使用 代码演示 API BackTop回到顶部 返回页面顶部的操作按钮。 何时使用 当页面内容区域比较长时； 当用户需要频繁返回顶部查看相关内容时。 代码演示 基本 最简单的用法。 import { BackTop } from 'antd' ; React...

Card 卡片 规则 代码演示 API Card Card.Header Card.Body Card.Footer Card 卡片 用于组织信息和操作，通常也作为详细信息的入口。 规则 形状为矩形。 可包含多种类型的元素，eg：图片、文字、按钮等。 代码演示 默认 Card 默认样式 import ...

AutoComplete自动完成 何时使用 代码演示 API 方法 FAQ 为何受控状态下使用 onSearch 无法输入中文？ AutoComplete自动完成 输入框自动完成功能。 何时使用 需要自动完成时。 代码演示 基本使用 基本使用。通过 dataSource 设置自动完成的数据源 import { ...

Comment评论 何时使用 代码演示 API Comment评论 对网站内容的反馈、评价和讨论。 何时使用 评论组件可用于对事物的讨论，例如页面、博客文章、问题等等。 代码演示 基本评论 一个基本的评论组件，带有作者、头像、时间和操作。 import { Comment , Icon , Tooltip ...

SearchBar 搜索栏 规则 代码演示 API SearchBar SearchBar 搜索栏 一般可位于 NavBar 下方，通过『取消按钮』退出激活状态。 规则 提供提示文案，帮助用户输入，eg：关键词、双十一特卖。 在搜索栏下方，可提供有用的标签文案，帮助用户通过点击直接完成输入，eg：最近搜索的内容。 代码演示...

dva-cli 里使用 文件路径 修改路由 CSS Modules 关闭 css-modules 使用 global 按需加载 完成 dva-cli 里使用 dva 脚手架为 ant design 提供的基于 redux、redux-saga 和 react-router 比较完善的轻量级前端框架，具体教程请查看 。 如何使用 de...

国际化 ConfigProvider i18n 项目示例 国际化 antd 目前的默认文案是英文，如果需要使用其他语言，可以参考下面的方案。 ConfigProvider antd 提供了一个 React 组件 ConfigProvider 用于全局配置国际化文案。 import zhCN from 'antd/es/loca...