React - как получить data-attribute у текущего объекта

Мне надо хранить значение "выбран ли элемент" для каждого элемента. Для этого я использую data-attribute и вставляю это в jsx в самом элементе. Каким образом можно обратиться к значению "data-selected" из className?

Как обратиться к значению из функции, вызываемой ивентом - я знаю.

введите сюда описание изображения


Ответы (1 шт):

Автор решения: www3b

В вашем случае лучше создать компонент для представления региона. В компонент передавать пропсы, например <Region selected={true} onClick={/** */} />, а в самом компоненте уже, в зависимости от пропсов, присваивать те или иные классы.

const Region = (props) => {
  return (
    <div className={`${styles.option} ${props.selected ? styles.selected : ''}`}
  );
}
→ Ссылка