antd - 如何在 ant-design react app 中使用 ant-design-pro 组件？

Question

我已经使用 create-react-app 创建了 react 应用程序并使用了 ant-design 组件，随着项目变得越来越大，我需要使用 ant-design-pro 中的一些很棒的组件。

有没有办法将 ant-design-pro 组件集成到现有的 ant-design 项目中？

我尝试导入和使用 @ant-design/pro-layout 但对我不起作用。

Answer 1

对于 V4，请参阅升级到 V4 ，如果使用，请选中替换 BasicLayout@ant-design/pro-layout。

对于单个组件npm install ant-design-pro@2.3.2，根据您的需要使用和导入组件：

import Ellipsis from 'ant-design-pro/lib/Ellipsis';

演示：

Answer 2

欢迎来到堆栈溢出！

似乎ant-design团队选择将ant-design-pro组件直接集成到antd. 的版本2.3.0是ant-design-pro可以用作组件库的库的最新版本。（来源：他们的变更日志）。

您可能仍然可以安装该版本（这里是这样做的文档）。

他们最近发布了 v4，ant-design-pro我不完全确定您是否可以独立安装这些组件。

但是，许多组件ant-design-pro现在直接在内部维护ant design，如您在此处看到的：

在下一个 Pro 版本中，我们将逐步移除所有将添加到 Ant Design 中的组件，这些组件正在开发中：

...

这些组件将在 Ant Design 中得到更充分的支持和维护，Pro 将专注于布局和脚手架。