У меня небольшая проблема с компоновкой элементов оформления. У меня есть таблицы стилей scss в отдельном файле и импортирование их в файл ответов. Мой scss-стиль выглядит следующим образом:
.testStyle {
font-family: avenir;
color: blue;
}
Мой файл реакции выглядит следующим образом:
import React from 'react'
import styles from '../styles/main.scss'
class Temp extends React.Component {
render() {
return (
**<div className={styles.testStyle}>**
<h1>Hello</h1>
</div>
)
}
}
export default Temp
С помощью этой настройки мои стили не пройдены, однако, если она работает, если я заменю выделенную строку на <div className='testStyle'>
, так что кажется, что стили импортируются правильно. Может кто-нибудь помочь с этим? Спасибо.