对象键的字符串模板

【问题标题】：String Templating for object keys对象键的字符串模板
【发布时间】：2019-07-22 06:05:48
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

eslint 规则prefer-template 不希望你连接字符串，只使用模板字符串。

在你的情况下，你需要更换

' ' + classes[color]

与

` ${classes[color]}`

IIRC，eslint 有一个“自动修复”标志来修复这种错误。

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

【讨论】：