对象键的字符串模板

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" 标志来修复这种错误。

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

String Templating for object keys