运行 jsfiddle 中的 react-tippy

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

您只需将 Tooltip 更改为 reactTippy 即可。

Answer 2

在使用组件之前添加：

const { Tooltip } = reactTippy;

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

Answer 3

两期。您正在加载 reactTippy 的 UMD 模块。所以模块没有在全局范围内加载 Tooltip。所以你需要在你的 JSFiddle

顶部添加以下内容

const Tooltip = reactTippy.Tooltip;

或

const {Tooltip} = reactTippy.Tooltip;

接下来您还缺少 UMD 导入 popper.js

下面是更新后的 JSFiddle

Running react-tippy in jsfiddle