CSS Modules in React.JS

Question

I'm using version 3 of the create-react-app package. But my styles don't apply

import style from './App.css'

Answer 1

Save your css file with module extention.

App.module.css

Then import it like this:

import style from './App.module.css'

Finally, apply your styles like this:

<div className={style.container}> Hello World! </div>