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
Post a Comment