Как добавить класс по нажатой кнопке?

Question

Как добавить класс по нажатой кнопке? Мне нужно сделать это в классе или я могу добавить состояние на константу? Я попытался сделать функцию handleclick, но, похоже, я не могу запустить initialstate на константу.

const CaseListItem = ({ currentCase, onCaseSelect }) => { 
console.log(currentCase); 
    return (
    <div> 
    <button onClick={() => onCaseSelect(currentCase)} className={currentCase.color} /> 
    <div className="media-heading"> {currentCase.title} </div> 
    </div> 
); 
}; 

Answer 1

Я думаю, что в таком случае вы должны использовать компонент с состоянием и обновлять состояние имя цвета собственности на клик - это будет вновь сделать свой компонент, и вы будете иметь возможность использовать государственную Собственость в качестве имени класса. Вы также можете сохранить этот компонент без гражданства, но в таком случае родительский компонент должен иметь состояние, которое будет обновляться, когда ребенок компонент (CaseListItem) нажата, а затем вы можете передать состояние свойство цвета, как опора для CaseListItem компонента