Почему не отображаются классы?

Question

[Мехман Агаев]

Всем привет. Почему не отображаются классы? В чем может быть причина?

import { NavLink } from "react-router-dom";
import React from "react";
import Style from "./index.scss";

class Navigation extends React.Component {
  render() {
    const menu = [
      { id: 1, name: "Главная", to: "/", status: true },
      { id: 2, name: "Разработка", to: "/dev", status: true },
      { id: 3, name: "Дизайн", to: "/design", status: true },
      { id: 4, name: "Реклама и продвижение", to: "/adwords", status: true },
      { id: 5, name: "Хостинг", to: "/hosting", status: true },
    ];
    const menuList = menu.map((menu) => (
      <li className={Style.nav__item} key={menu.id}>
        <NavLink to={menu.to}>
          <span className={Style.nav__title}>{menu.name}</span>
        </NavLink>
      </li>
    ));
    return <ul className={Style.nav}> {menuList} </ul>;
  }
}

class Header extends React.Component {
  render() {
    return (
      <nav className={Style.sidebar}>
        <Navigation />
      </nav>
    );
  }
}

export default Header;

Вот что получаю на выходе:

Comments

[Михаил]

console.log(Style)

Answer 1

[Мехман Агаев]

Разобрался. Это из за применения модулей css.