gpt4 book ai didi

javascript - 在 jsfiddle 中运行 react-tippy

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:40:45 27 4
gpt4 key购买 nike

如何运行 react-tippy jsfiddle 中的库?

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

jsfiddle

工具提示示例

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

最佳答案

两个问题。您正在加载 reactTippy 的 UMD 模块。因此该模块未在全局范围内加载 Tooltip。因此,您需要在 JSFiddle 的顶部添加以下内容

const Tooltip = reactTippy.Tooltip;

const {Tooltip} = reactTippy.Tooltip;

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

https://unpkg.com/popper.js@1.14.3/dist/umd/popper.js

下面是更新后的 JSFiddle

https://jsfiddle.net/uLg4n2gg/7/

Working tooltip

关于javascript - 在 jsfiddle 中运行 react-tippy,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50509920/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com