Ant Design(UI设计语言)

Ant Design是由阿里巴巴推出的一套企业级UI设计语言和React组件库，能够统一后台项目的前端 UI 设计，屏蔽各种不必要的设计差异和前端实现成本，解放设计和前端开发资源，有需要的用户赶快来下载吧！

软件特色

提炼自企业级中后台产品的交互语言和视觉风格。

开箱即用的高质量 React 组件。

使用 TypeScript 开发，提供完整的类型定义文件。

全链路开发和设计工具体系。

数十个国际化语言支持。

深入每个细节的主题定制能力。

更新日志

v4.11.2

修复 rc-trigger BuildInPlacements TypeScript 编译错误

常见问题

如何修改 Ant Design 组件的默认样式？

你可以覆盖它们的样式，但是我们不推荐这么做。antd 是一系列 React 组件，但同样是一套设计规范。

如何使用 Day.js 替换 Moment.js 来减小打包大小？

可以参考替换 Moment.js。

当我动态改变 defaultValue 的时候它并没有生效。

Input/Select 等的 defaultXxxx（例如 defaultValue）只有在第一次渲染的时候有效，这是 React 的规范，请阅读 React 的文档。

为什么修改组件传入的对象或数组属性组件不会更新？

antd 内部会对 props 进行浅比较实现性能优化。当状态变更，你总是应该传递一个新的对象。具体请参考React 的文档

当我设置了 Input/Select 等的 value 时它就无法修改了。

尝试使用 defaultValue 或 onChange 来改变 value，请参考 React 的文档。

多个组件放一排时没有垂直对齐怎么办？

尝试使用 Space 组件来使他们对齐。

antd 覆盖了我的全局样式！

是的，antd 在设计的时候就是用来开发一个完整的应用的，为了方便，我们覆盖了一些全局样式，现在还不能移除，