我有一个这样的对象：

   {
      element: 'tool-app',
      file: '/tool-app.js',
      icon: 'csr-icon',
      name: 'Planning view',
      id: 'planning-view'
    }

我想将 icon 的值存储在一个变量中并使用它。首先我定义一个常量：

const icon = 'csr-icon';

然后我尝试将上面的图标用于对象：

{
  element: 'tool-app',
  file: '/tool-app.js',
  icon: icon,   ///change here
  name: 'Planning view',
  id: 'planning-view'
}

应该是相等的，但是 Tslint 返回一个错误：

Expected property shorthand in object literal ('{icon}'). (object-literal-shorthand)tslint(1)

怎么来的？

回答

{
  element: 'tool-app',
  file: '/tool-app.js',
  icon,
  name: 'Planning view',
  id: 'planning-view'
}