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

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/>