VS-код, добавляющий пробелы между именами классов, которые содержат дефисы

Question

Мой VSCode настроен с более симпатичными настройками и настройками ESLint, чтобы упростить разработку.

Но я не уверен, какое правило влияет на имена моих классов JSX.В идеале имя класса должно быть: test-wrapper

 <i className={style.test-wrapper} />

Но при сохранении его значение меняется на ниже и вызывает много проблем:

 <i className={style.test - wrapper} />

Могу ли я узнать, какое правило мне следуетпереопределить или изменить?

Answer 1

Использование точечной нотации для доступа к свойству объекта (style.test-wrapper) работает только тогда, когда имя свойства содержит простые буквы a-z, A-Z, цифры 0-9 и специальные символы $и _.Кроме того, имя не может начинаться с цифры.

Если вы хотите использовать символ - в именах свойств, вы можете использовать обозначение в скобках :

<i className={style['test-wrapper']} />