我认为我的 css 类已导入，但我已正确导入答案

【问题标题】：I think my css classes the are imported but I have imported it correctly我认为我的 css 类已导入，但我已正确导入
【发布时间】：2020-08-16 18:44:15
【问题描述】：

这是我一直在做的一个汉堡构建器项目，这里我的错误是在汉堡构建器控件中使用 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 行：预期为赋值或函数调用，但看到的是表达式 no-unused-expressions

【问题讨论】：

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

标签： javascript css reactjs project

【解决方案1】：

const buildControls =(props) => {
return (
 <div className = {classes.BuildControls}>
    {controls.map(ctrl =>(
        <BuildControl Key ={ctrl.label} label={ctrl.label}/>
    )))}
 </div>
}

你需要返回元素。

【讨论】：

【解决方案2】：

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

import './BuildControls.css';

然后使用类如下：

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

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

【讨论】：