Как я могу использовать псевдоним для одного импорта?

Question

Я работаю в пользовательском компоненте.В этом компоненте я называю подкомпонент Card следующим образом:

import { Card } from "./Card";

И я использую его так:

<Card></Card>

Все хорошо.Теперь вот проблема.В этом пользовательском компоненте я хочу использовать enum из файла "../../App/Models/Something".Это имя Enum Card.Я знаю, что я мог бы написать

import * as Something from "../../App/Models/Something";

и сделать Something.Card в своем компоненте, но «Что-то» содержит много вещей, которые мне не нужны.Как может псевдоним одного импорта?

Я пробовал это, но ни один не работает:

import { Card } as Something from "../../App/Models/Something";
import Card as Something from "../../App/Models/Something";

Answer 1

Ты почти понял!Правильный способ импорта одного псевдонима:

import { Card as Something } from "../../App/Models/Something";

Прочтите документацию по импорту на MDN :

Синтаксис:

import defaultExport from "module-name";
import * as name from "module-name";
import { export } from "module-name";
import { export as alias } from "module-name";
import { export1 , export2 } from "module-name";
import { foo , bar } from "module-name/path/to/specific/un-exported/file";
import { export1 , export2 as alias2 , [...] } from "module-name";
import defaultExport, { export [ , [...] ] } from "module-name";
import defaultExport, * as name from "module-name";
import "module-name";
var promise = import("module-name");

Исправление вашего дела import { export1 , export2 as alias2 , [...] } from "module-name"; Подробнее здесь