Здесь вы можете увидеть некоторые из переменных по умолчаниюantd .
Один из них @ant-prefix: ant;. Я думаю, вы можете изменить его и применить разные стили.
Мы работаем над приложением React (используя приложение Create React, не выгружая его), и мы решили использовать Ant как нашу базовую библиотеку компонентов. Теперь, когда мы приближаемся к концу проекта, мы обнаруживаем, что приложение будет интегрировано в корпоративный портал (WebSphere) в качестве «портлета», поэтому мы наследуем все файлы CSS с главной страницы.
Кажется, что обе структуры имеют свои собственные стили сброса , но они используют разные значения. До сих пор мне не удалось найти LESS-переменную в Ant, которая может использоваться для префикса всех правил CSS Ant.
Кто-нибудь пытался заставить их жить вместе?
У нас нет родительского развития, мы можем только внести изменения в часть React, так что только вещи, связанные с Ant.
Это тяжело, и в конце развития не меньше!
Как упоминает @froston, и что вы, похоже, попробовали @ant-prefix: ant; в дополнение к этому, вам нужно будет prefixClsиспользовать опору для каждого экземпляра компонента, который вы создаете, что определенно будет упражнением в самобичевании.
Даже если вы установите глобальный CONSTANT и импортируете и используете это с вашими компонентами, вам все равно придется прокручивать его во все места, и его необходимо будет добавить с именем компонента.
В качестве примера, defaultPropsдля привязки prefixCls: 'ant-anchor'.
Надеюсь, что это помогает и удачи!