Реакция: как изменить CSS только одной карты в функции карты для карточек ⇐ CSS

[Anonymous]

Я новичок в реакции и пытаюсь создать функцию, которая отображает 5 карточек на экране из массива, но может изменять CSS только той, на которую нажимают.

Код: Выделить всё

export default function Projects(){
const [card, setCard] = useState("on");

const toggleCard =  (props) => {

if(card === "cardOff"){
setCard("cardOn");
console.log("card is now on");
}
else{
setCard("cardOff");
console.log("card is now off");
}
}

return(


{projs.map(function(project){
return(


{project.image}
{project.title}
{/* 
{project.description}
 */}


);
})}


)
}

Код позволяет одновременно изменить CSS всех карточек. Есть ли способ сделать так, чтобы менялись только те, кто щелкнул мышью?

Подробнее здесь: https://stackoverflow.com/questions/784 ... -for-cards