Как заставить eslint выбирать элементы jsx, имеющие имя класса с определенным классом? ⇐ Javascript

[Anonymous]

Я реализую eslint и использую 'no-restricted-syntax' для создания пользовательских выборок. Мой выбор выглядит следующим образом:

Код: Выделить всё

  'no-restricted-syntax': [
'error',
{
selector: 'JSXElement JSXAttribute JSXIdentifier[name="className"] + Literal[value="bg-red"]',
message: 'Do not set background colors directly.',
},
],

Я тестирую код на этом тестовом компоненте, и он не обнаружил ошибки:

Код: Выделить всё

export function TestComponent() {
return Click me;
}

Я также безуспешно пытался изменить свой селектор:

Код: Выделить всё

// On the attribute
JSXElement JSXAttribute[name="className"][value="bg-red"]

// removing the + Literal
JSXElement JSXAttribute JSXIdentifier[name="className"][value="bg-red"]

Как я могу заставить eslint выбирать элементы jsx, у которых есть className, содержащий определенный класс (или, что еще лучше, класс, который начинается с bg)?
p>
Если поможет, вот проводник ESLint


Подробнее здесь: https://stackoverflow.com/questions/793 ... particular