Как в модульной таблице стилей react, указать переменную, если сам класс является переменой?

Question

Рейтинг: 0Ответов: 1Опубликовано: 15.02.2023

Как в react модульной таблице стилей, можно указать 2 переменные?

Одна как класс, а другая значение.
Мой вариант дает мне ошибку.

import styles from "styles.module.scss";

let number = 1;

document.body.classList.add(`${styles.is_`${number}`}`);

Answer 1

▲ 1Принят

Вот так можно сделать

import styles from "styles.module.scss";

let number = 1;

document.body.classList.add(styles[`is_${number}`]);

Пример для воспроизведения

const styles = {
  is_1: 'id_1_style',
  is_2: 'id_2_style',
  is_3: 'id_3_style',
}

let number = 1;

console.log(styles[`is_${number}`])

Ответы