How to make React CSS import component-scoped?

Question

I have several components which have the following CSS/component structure

About/style.css

.AboutContainer {
    # Some style
}

p >          


        

Answer 1

Because you mentioned you used create-react-app, the solution here is quite easy change just style.css to style.module.css, it will look like this:

import styles from "./style.css"
blabla

More info on this article: https://blog.bitsrc.io/how-to-use-sass-and-css-modules-with-create-react-app-83fa8b805e5e