在我的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.
如MDN文档中所述
JavaScript标识符必须以字母，下划线（_）或美元符号（$）开头。他们不能以数字开头！仅后续字符可以是数字（0-9）。
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Errors/Identifier_after_number
您的代码必须遵守此规则，通常最好避免这样做。
说的是，如果您确实希望对象键以数字开头，则可以通过这样做使它起作用。
font-size: ${theme.fontSizes['2xl']};
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句