Как добавить класс CSS к элементу, если он выбран с помощью React? ⇐ CSS

[Anonymous]

ниже у меня есть серия кода React, в котором на странице отображается несколько кружков, каждый из которых имеет разный цвет. При нажатии на цвет навигация отображает его изменение, считывая выбранный цвет.

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

import { useState } from "react";
const Color = ({ color, setSelectedColor}) => {
return  setSelectedColor(color)}>;
};

const App = () => {
const [selectedColor, setSelectedColor] = useState("");
return (


Currently selected:
{selectedColor}







);
};

export default App;

Я не думаю, что вам всем нужен какой-либо другой код, но если он вам понадобится, дайте мне знать!
Есть класс code> в CSS, который я назвал selected, который просто создает рамку вокруг круга. Проблема, с которой я столкнулся, заключается в том, как именно применить класс к выбранному цвету? Я имею в виду тернарные операторы, но я немного новичок в React, поэтому не знаю, как мне это реализовать.
Любая помощь будет принята с благодарностью!

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