Связывание ClassName с файлом в React - PullRequest
Новая
       11

Связывание ClassName с файлом в React

2 голосов
/ 05 мая 2020

У меня есть ClassName = "lo go", который я хотел бы использовать для стилизации lo go в файле компонента. Пока без радости. Я что-то упустил?

Индексный файл, расположение нижнего колонтитула будет отображаться: 

import React from "react"
import Header from "../components/header"
import Hero from "../components/hero"
import Footer from "../components/footer"

export default () => (
  <>  
    <Footer></Footer>
  </>
)

Нижний колонтитул css файл: 

@import "../styles/global.scss";

.footer {
  background-color: $black;
  color: $white;
  height: 230px;
  text-align: center;

  .logo {
  height: 20px;
  }
}

Нижний колонтитул. js файл: 

import React from "react"
import footerStyles from "./footer.module.scss"

export default ({ children }) => (
  <>
    <div className={footerStyles.footer}>
      <img className="logo" src="/svgs/logo_white.svg" alt="logo text"></img>
    </div>{children}</div> 
  </>
)
...