小编Pmm*_*oks的帖子

我对造型反应组件有一点问题.我将scss样式表放在一个单独的文件中,并将它们导入到我的react文件中.我的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'>,所以看起来样式正在正确导入.有人能帮忙吗？谢谢.