Как стилизовать компонент плагины / фреймворки, когда я использую реагирующие модули CSS?

Question

Когда я использую реагирующие CSS-модули, я не могу стилизовать какие-либо компоненты фреймворка или плагинов, потому что классы Eunice, у кого-нибудь есть способ это исправить?

import React from 'react';
import classes from './HeadSlider.css';

// components
import Slider from "react-slick";

const HeadSlider = () => {

    return (
        <Slider {...settings}>
            <div className="slider-item">
                <p className={classes.HeadSlider}>
                    international Money transfer
                </p>
                <p className={classes.content}>
                    Lorem ipsum dolor
                    sit amet,consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                    labore et dolore magna aliqua.
                </p>
                <img src="images/head-slider.png" alt="" className="img"/>
                <a href="#" className="button">EXPLORE</a>
            </div>
        </Slider>
    );
}

export default HeadSlider;

Answer 1

вы должны переименовать ваш файл CSS в HeadSlider.module.css. и для более подробной информации вы можете посетить это: https://create -react-app.dev / docs / добавление-css-modules-stylesheet