Решить коллизию className css модулей в реакции-создания-приложения без извлечения

Question

Как я могу решить проблему столкновения css className в реагировать на создание приложения без извлечения. Мне нужно каждый раз делать уникальные classNames для каждого рендеринга приложения.

---

Пример того, что я хочу:

1. Первый рендер: Header_xHtdc
2. Второй рендер : Header_1dg5c

Но теперь я постоянно получаю один и тот же классNames

Answer 1

Если вы используете последнюю версию реакции, вы можете сделать следующее:

1. Переименовать файл CSS в some.module. css (при условии, что он был каким-то. css до)

2. Импортировать так:

   импортировать стили из './some.module.css';

и стили будут объектом, чьи ключи - это идентификаторы, классы, которые вы определили в файле CSS.

Так что, если у вас есть такой стиль:

.parent {
 color: red;
}

вы будете использовать его как

className={styles.parent}

в вашем JSX.