Реакт: classnames и добавление классов в зависимости от state

react-classnames.js

// Как использовать библиотеку classnames
// https://github.com/JedWatson/classnames
// npm install -S classnames

import React, { Component } from "react";
import s from './OneFoods.module.css';
import cl from 'classnames';

class OneFoods extends Component {
    state = {
        isClick: false,
    };

    handleFoodsClick = () => {
        this.setState( (state) => {
            return {
                isClick: !state.isClick
            }
        });
    }

    render() {
        const { name, calorie } = this.props;

        const { isClick } = this.state;

        return (
            <li onClick={this.handleFoodsClick} className={ cl( s.foods__item, { [s.done]: isClick} ) }>{name}, {calorie} кал.</li>
        );
    }
}

export default OneFoods;