Javascript 我想我的css类已经导入了，但我已经正确导入了它

这是我一直在做的一个burger builder项目，这里我的错误是在burger builder控件中使用css类文件

import React from 'react';
import classes from './BuildControls.css';
import BuildControl from './BuildControl/BuildControl';
const controls = [
    {label : 'Salad' , type :'salad'},
    {label : 'Bacon' , type :'bacon'},
    {label : 'Cheese' , type :'cheese'},
    {label : 'Meat' , type :'meat'},
];
const buildControls =(props) => { 
    <div className = {classes.BuildControls}>
        {controls.map(ctrl =>(
            <BuildControl Key ={ctrl.label} label={ctrl.label}/>
        ))}
    </div>
}

export default buildControls; 

错误是

./src/components/Burger/BuildControls/BuildControls.js

第11行：应为赋值或函数调用，但看到的是表达式没有未使用的表达式

---

您可以按如下方式导入css：

import './BuildControls.css';

<div className="BuildControls">
</div>

然后按如下方式使用该类：

import './BuildControls.css';

<div className="BuildControls">
</div>

注意：我假设css文件中的类名是BuildControls

---

您需要返回元素。

可能将css文件名声明为BuildControls.module.css instade of BuildControls.css可以解决您的问题