如何缩短Typescript中的组件名称

Question

嘿伙计们有什么方法可以缩短我用于菜单的名称，就像我在第一行使用react组件一样。

import * as React from "react";
import { MenuHelper } from "@core/shared/menu/MenuHelper";

我试过这个：

import * as CH from "@core/shared/menu/MenuHelper";

Answer 1

要为命名导入设置别名，您需要将as放在花括号内：

import { MenuHelper as CH } from "@core/shared/menu/MenuHelper";

要查看有效导入类型的完整列表及其含义，请参阅the relevant MDN article（TypeScript主要遵循与JavaScript相同的语义，因此它对两者都同样有效。）