对象键的字符串模板

Question

我收到陪同错误Unexpected string concatenation.eslint(prefer-template)

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

如何使用模板文字解决此问题``还是我需要更新eslint规则以允许此问题？

Answer 1

随行规则prefer-template要求您不要连接字符串，而只能使用模板字符串。

根据您的情况，您需要替换

' ' + classes[color]

与

` ${classes[color]}`

IIRC，eslint具有用于修复此类错误的“自动修复”标志。

此外，Visual Studio Code的eslint plugin具有内置的自动修复功能。