问题描述
在 theme.ts
内的 React 项目中,我创建了一些别名来定义我的 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.
解决方法
如 MDN 文档中所述
JavaScript 标识符必须以字母、下划线 (_) 或 美元符号 ($)。他们不能以数字开头!只有后续 字符可以是数字(0-9)。
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Identifier_after_number
您的代码必须遵守这一点,通常最好避免。
也就是说,如果您真的希望对象键以数字开头,那么您可以通过这样做来使其工作。
font-size: ${theme.fontSizes['2xl']};