当我使用 react css 模块时如何设置插件/框架组件的样式？

Question

当我使用 react 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/adding-a-css-modules-stylesheet