javascript - SCSS stylsheet is not applying to my React component -


i have react component called "header" going header element on webpage. currently, have header component is:

import react 'react';  import '../header/header.scss'; export default class header extends react.component { render() {  return <div classname="alignment">test</div> } } 

and stylesheet simple:

.alignment{ text-align: center; 

}

i placed header component on main app.js page, text alignment isn't showing up. used chrome debugger tools, , not showing in styling class. i'm not sure else do, maybe i'm missing import somewhere?


Comments

Popular posts from this blog

python - Operations inside variables -

Generic Map Parameter java -

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -