Я думаю, что мои css классы импортированы, но я импортировал это правильно

Question

Это проект конструктора бургеров, над которым я работал, здесь моя ошибка в использовании файла класса 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; 

ОШИБКА IS

. / Src / components / Burger /BuildControls/BuildControls./1u1012*

Строка 11: ожидался вызов присваивания или функции, и вместо этого он видел выражение no-unused-expression

Answer 1

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

вам нужно вернуть элементы.

Answer 2

Вы можете импортировать css следующим образом:

import './BuildControls.css';

И затем использовать класс следующим образом:

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

Примечание. Я предполагаю, что ваше имя класса в css файл BuildControls