如何从不同的npm包中导入相同的包名？

Question

import { Draggable } from "react-beautiful-dnd";
import { Draggable } from "react-draggable";

误差

标识符'Draggable‘已经声明。(3:9)

从两个不同的源导入相同组件名的正确方法是什么？特别是从不同的来源导入两个同名的npm包？

Answer 1

你可以试试这个

import { Draggable as AnyName  } from "react-draggable";

Answer 2

您可以对其中一个导入使用别名。

import { Draggable as BeautifulDraggable } from "react-beautiful-dnd";
import { Draggable } from "react-draggable";

Answer 3

第一次进口

import { Draggable } from "react-beautiful-dnd";

第二次进口

import { Draggable as PreferredAlternativeName } from "react-draggable";

替代名称将是调用第二个组件的名称。