Можно ли в react использовать дефис в className?

119
19 сентября 2019, 17:50

Например так:

<div className="place__list--more">

Где-то, не помню точно, читал, что использование дефисов может привести к ошибкам.

Answer 1

Так-то можно.

Если вы используете CSS-modules, то просто придётся заворачивать в скобки:

import s from './my_styles.scss';
render() {
    return (
        <div className={s['place__list-more']}> </div>
    );
}

Источник

Если вы используете классический подход, то никаких проблем не возникнет, если название класса является валидной строкой:

import './my_styles.scss';
render() {
    return (
        <div className={'place__list-more'}> </div>
    );
}
READ ALSO
Ошибка сборки Vue cli webpack simple

Ошибка сборки Vue cli webpack simple

В конфиге вебпака у меня установлен плагин ImageminPlagin, когда я делаю npm run dev все нормально проект запускается, но когда я делаю npm run build появляется...

136
Условие в регулярном выражении

Условие в регулярном выражении

Есть простое регулярное выражение:

111
Преобразования string в массим

Преобразования string в массим

У нас есть строка виду:

136
Работа с connect Redux, прокидование props

Работа с connect Redux, прокидование props

Пытаюсь подключить через конект свой функциональный компонентИспользую Redux

152