javascript - 如何在反应中从css文件继承

Question

我相信这很简单，但我找不到解决方案。我无法在我的 js 文件中继承我的 css 类。

这是我的 js 文件中的渲染函数：

render(){
    return(
        <div>
            <div className='smallSectionWrapper'>
                <div className='oneItem'>
                    <h3>Name</h3>
                    <p>John</p>
                </div>
                <div className='oneItem'>
                    <h3>Middle Name</h3>
                    <p>Johny</p>
                </div>
                <div className='oneItem'>
                    <h3>Surname</h3>
                    <p>Johnson</p>
                </div>
            </div>
        </div>
    )
}

这是我的 scss 文件：

.oneItem {
  width: 300px;
}
.smallSectionWrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

我期望呈现的内容：

我实际渲染的内容：

检查后，似乎这些类是继承的，但没有类中提到的属性。我对 React 还很陌生，所以我可能错过了一步吗？

标签： javascriptcssreactjs

Answer 1

您在 .js 文件中缺少导入：

import '<<your scss path>>';