Для переопределения стилей встроенных классов Ant Design (Antd) без использования глобального файла стилей, можно воспользоваться возможностями CSS Modules или инлайн-стилей в React.
CSS Modules — это подход, позволяющий локализовать стили для конкретного компонента или модуля. Для использования CSS Modules в Antd, вам нужно создать специальный файл стилей для компонента и экспортировать его как модуль. Например, если у вас есть компонент Button из Antd, вам нужно создать файл стилей Button.module.css и прописать в нем необходимые стили для кнопки. Затем можно импортировать этот файл стилей в компонент Button и получить доступ к переопределенным стилям через переменные, которые генерируют CSS Modules.
Если вы хотите использовать инлайн-стили в React, вы можете применить стили напрямую к компоненту, обернув их в объект JavaScript. Например, для переопределения стилей кнопки из Antd, вы можете передать объект стилей в свойство style компонента Button:
<Button style={{ backgroundColor: 'red', color: 'white' }}>Custom Button</Button>
Таким образом, вы переопределяете стили для конкретного компонента без использования глобальных стилей. При этом стили останутся локализованными и не будут влиять на другие компоненты.
Выбор между CSS Modules и инлайн-стилями зависит от вашего стиля разработки и требований проекта. CSS Modules обеспечивают более чистый подход к управлению стилями, в то время как инлайн-стили могут быть удобными для быстрых и небольших адаптаций стилей.