Question

如何在jsfiddle中运行react-tippy库？

我收到错误消息Tooltip is not defined，但导入了脚本。

工具提示示例

<Tooltip
  // options
  title="Welcome to React"
  position="bottom"
  trigger="click"
>
  <p>
    Click here to show popup
  </p>
</Tooltip>

Answer 1

两个问题。您正在加载reactTippy的UMD模块。因此模块未在全局范围内加载Tooltip。所以你需要在JSFiddle

的顶部添加以下内容

const Tooltip = reactTippy.Tooltip;

或

const {Tooltip} = reactTippy.Tooltip;

接下来，您还错过UMD <{1}}

的导入

以下是更新后的JSFiddle

Answer 2

在使用组件之前添加它：

const { Tooltip } = reactTippy;

或者，使用<reactTippy.Tooltip>...</reactTippy.Tooltip>。

Answer 3

您只需将Tooltip更改为reactTippy即可使其正常运行。