Typescript：将一种类型分配给多个变量

我是TypeScript新手，我得到了以下预定义类型：

type SC=StyledComponent；

在我的脚本中，有大量使用此类型的变量：

ColorBarItemHoverArray！：阵列；
调整颜色容器！：SC；
把手悬停！：SC；
DivContainer！：SC；
阿塔格！：SC；
SpanTag1！：SC；
跨栏2！：SC；
跨栏3！：SC；
SpanTag4！：SC；
StyledLabelSide！：SC；
StyledRangeSide！：SC；
StyledInputSide！：SC；
StyledLabelRatio！：SC；
StyledRangeRatio！：SC；
StyledInputRatio！：SC；
StyledLabelAngle！：SC；
StyledRangeAngle！：SC；
StyledInputAngle！：SC；
StyledLabelSpeed！：SC；
StyledRangeSpeed！：SC；
StyledInputSpeed！：SC；
StyledButtonInverse！：SC；
StyledButtonAbstract！：SC；
样式按钮箭头！：SC；
向左箭头！：SC；
好的SC；

有没有更好的方法来写这些

---

感谢您的帮助。

如果您定义了大量相同类型的变量，这通常是一个信号，表明您需要为它们提供更好的类型，或者重构并分解它们

通过使用

，您将失去Typescript的大部分好处。 为什么不以正确的方式定义每个变量，那么它们就不会都是相同的vague

any

类型

另外，通过创建一个新类型，您可以稍微帮助自己-通过重新排列列表，我可以看到它可以按如下方式分组：

    StyledLabelSide!: SC;
    StyledLabelRatio!: SC;
    StyledLabelAngle!: SC;
    StyledLabelSpeed!: SC;

    StyledInputSide!: SC;
    StyledInputRatio!: SC;
    StyledInputAngle!: SC;
    StyledInputSpeed!: SC;

    StyledRangeSide!: SC;
    StyledRangeRatio!: SC;
    StyledRangeAngle!: SC;
    StyledRangeSpeed!: SC;

---

您可以使用字段

side

，

ratio

，

angle

&

speed

，为对象定义类型，然后您可以只定义三个变量（

StyledLabel

，

StyledInput

和

StyledRange

），而不是十二个变量。

好，我想目前还没有办法将一个变量分配给多个变量。不太可能有办法——有这么多这样的变量是不好的做法，没有定义，只是一个没有层次结构的类型。如果同时执行所有类型，则重新定义这些类型也会变得更加困难。