如何从两个库中导入两个组件但同名？

Question

我需要来自两个库的Tooltip组件。例如

import { Tooltip } from "react-leaflet";
import { Tooltip } from "recharts";

但两个库的Tooltip名称相同，我收到错误。如何导入Tooltip没有错误。

Answer 1

import { Tooltip as LeafletTooltip } from "react-leaflet";

然后使用下面的<LeafletTooltip>

Answer 2

import { Tooltip as ReactLeafletTooltip} from "react-leaflet";
import { Tooltip as RechartsTooltip} from "recharts";

然后在渲染中使用它

<RechartsTooltip/>
<ReactLeafletTooltip/>