单个 antd v4 组件打破了所有使用 antd v5 开发的组件的风格

Question

在我基于JS dojo框架的项目中，我有一个用react和antd 4编写的独立组件，我无法直接上手。

在上一时期，我开始将 dojo 中编写的小部件转换为使用 antd 5 进行响应，我尝试将组件移植到 dojo 中的旧部分，除了许多样式问题之外，一切正常。

antd 5 中编写的组件都很奇怪，按钮和其他组件在拐角处失去了圆角，或者例如开关扭曲，看起来比应有的长度长，而且模态也做了他们想要的事情。 仅当我导入/使用旧项目中构建的组件时才会出现此问题。在开发过程中，他们没有这些问题，在项目中我只能通过删除 antd 4 中编写的组件 CSS 的导入来解决这个问题。 有谁知道如何分离或隔离两个 CSS（来自 antd 4 和 5 的 CSS）？或者有什么解决方案/想法吗？

这是 antd 5 组件与 antd4 CSS 组件结合的一些示例：

相同的组件，没有 antd 4 组件的 CSS（当然，后者会在没有 CSS 的情况下崩溃）：

Answer 1

您可以通过使用配置提供程序来避免冲突 参考：https://ant.design/docs/react/migration-v5#multiple-versions-coexist