Шаблон строки для ключей объекта

Question

Я получаю ошибку eslint Unexpected string concatenation.eslint(prefer-template)

const listItemClasses = classNames({
          [' ' + classes[color]]: activeRoute(props, prop.layout + prop.path),
    });

Как это исправить с помощью литералов шаблона `` или мне нужно обновить правило eslint, чтобы разрешить это?

Answer 1

Правило eslint prefer-template предполагает, что вы не будете объединять строки, а будете использовать только строки шаблона.

В вашем случае вам необходимо заменить

' ' + classes[color]

с

` ${classes[color]}`

IIRC, eslint имеет флаг "auto-fix" для исправления ошибок такого типа.

Также, плагин eslint для кода Visual Studioимеет встроенную функцию авто-исправления.