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

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

1 个答案: