如何从两个库中导入两个同名的组件？答案

【问题标题】：How to import two component but same name from two libraries?如何从两个库中导入两个同名的组件？
【发布时间】：2018-10-09 00:00:15
【问题描述】：

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

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

但是两个库的 Tooltip 名称相同，我得到一个错误。如何正确导入 Tooltip。

【问题讨论】：

【解决方案1】：

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

然后在下面使用<LeafletTooltip>

【讨论】：

【解决方案2】：

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

然后在渲染中使用它

<RechartsTooltip/>
<ReactLeafletTooltip/>

【讨论】：