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

218
12 апреля 2022, 23:00

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

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

Answer 1

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

const Region = (props) => {
  return (
    <div className={`${styles.option} ${props.selected ? styles.selected : ''}`}
  );
}
READ ALSO
Адаптивность. Как сделать чтобы блоки одностраничника в телефоне шли вертикально друг под другом?

Адаптивность. Как сделать чтобы блоки одностраничника в телефоне шли вертикально друг под другом?

как сделать чтобы блоки для телефона шли вертикально подряд друг под другом

106
Заполнение полей значениями из таблицы по нажатию на чекбокс

Заполнение полей значениями из таблицы по нажатию на чекбокс

Всем привет! Как можно сделать вывод информации из конкретной строки таблицы в поля ввода по нажатию на чекбокс? При том, что значение количества...

192