Существует несколько возможных причин, по которым стили не применяются к классу в вашем компоненте React. Вот несколько вариантов того, что может вызывать проблему:
1. Проверьте, правильно ли вы импортировали CSS-файл с классами в компонент Photoshoper. Убедитесь, что путь к файлу указан верно, и что вы используете правильное имя для класса.
2. Убедитесь, что вы правильно настроили CSS-модули в своем проекте. У вас должен быть правильно настроен webpack или другой инструмент для обработки CSS-модулей.
3. Проверьте, есть ли у вас конфликты с другими стилями в вашем проекте. Возможно, другие стили переопределяют стили для класса .photoshoper__slider_right.
Для исправления ситуации, вам следует:
- Убедиться, что путь к файлу CSS указан правильно и что сам CSS-файл содержит правильные стили для класса .photoshoper__slider_right.
- Попробуйте добавить !important к вашим стилям, чтобы убедиться, что они имеют более высокий приоритет перед другими стилями.
- Попробуйте использовать инструменты разработчика вашего браузера, чтобы проверить, действительно ли стили применяются к вашему компоненту и почему они могут быть переопределены другими стилями.
Если ничего из вышеперечисленного не помогло, попробуйте создать минимальный пример кода, который воспроизводит вашу проблему, и поделитесь им здесь или на форуме сообщества React. Это поможет другим разработчикам лучше понять вашу проблему и дать более конкретные рекомендации по ее решению.