Мне надо хранить значение "выбран ли элемент" для каждого элемента. Для этого я использую data-attribute и вставляю это в jsx в самом элементе. Каким образом можно обратиться к значению "data-selected" из className?
Как обратиться к значению из функции, вызываемой ивентом - я знаю.
В вашем случае лучше создать компонент для представления региона. В компонент передавать пропсы, например <Region selected={true} onClick={/** */} />, а в самом компоненте уже, в зависимости от пропсов, присваивать те или иные классы.
const Region = (props) => {
return (
<div className={`${styles.option} ${props.selected ? styles.selected : ''}`}
);
}
Сборка персонального компьютера от Artline: умный выбор для современных пользователей