如何在 Typescript 中使用以数字开头的别名

Question

在我的 React 项目中 theme.ts 我创建了一些别名来定义我的 FontSizes。我必须使用引号 '' 作为键，否则 Typescript 会抱怨：

fontSizes: {
    'xs': '12px',
    'sm': '14px',
    'md': '16px',
    'lg': '18px',
    'xl': '20px',
    '2xl': '24px',
    '4xl': '32px',
    '5xl': '48px',
    '6xl': '64px',
  },

这工作正常。

但是当我想使用值 2xl 或 3xl 时，如 font-size: ${theme.fontSizes.2xl}; 我收到此消息：

An identifier or keyword cannot immediately follow a numeric literal.

Answer 1

如 MDN 文档所述

A JavaScript identifier must start with a letter, underscore (_), or dollar sign ($). They can't start with a digit! Only subsequent characters can be digits (0-9).

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Identifier_after_number

您的代码必须遵守这一点，通常最好避免这样做。

说如果你真的想要对象键以数字开头那么你可以通过这样做来实现它。

font-size: ${theme.fontSizes['2xl']};

如何在 Typescript 中使用以数字开头的别名

How do I use an alias which begin with a number in Typescript

reactjs

typescript

theming