Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何使用Typescript中以数字开头的别名_Reactjs_Typescript_Theming - Fatal编程技术网
Fatal编程技术网
  • reactjs/
  • Reactjs 如何使用Typescript中以数字开头的别名

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

reactjs typescript

Reactjs 如何使用Typescript中以数字开头的别名,reactjs,typescript,theming,Reactjs,Typescript,Theming,在我的React项目内theme.ts中，我创建了一些别名来定义我的FontSizes。我必须对键使用引号'，否则Typescript会抱怨： fontSizes: { 'xs': '12px', 'sm': '14px', 'md': '16px', 'lg': '18px', 'xl': '20px', '2xl': '24px', '4xl': '32px', '5xl': '48px', '6xl': '64px',

在我的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）



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

如果你真的想让对象键以一个数字开头，那么你可以这样做


font size:${theme.fontSizes['2xl']}
不清楚你在问什么。您的代码片段工作正常。是的，您必须引用看起来不像标识符的属性，并且标识符不能以开头numbers@JuanMendes是的，这是有效的（因为我在xs、sm、md等方面使用引号）。但是当我尝试使用这些值时，例如，
font size:${theme.fontSizes.2xl}
我得到了这个错误：
一个标识符或关键字不能紧跟数字文字。
我个人会或使用它的文本值aka
twoxl
@meez一个标识符不能包含
-
是的是的，我的意思是text2xl。谢谢