无法从 @typeform/embed 获取 createSlider 以在 React 中工作

Question

我正在尝试让 @typeform/embed 在 React 中工作。 在决定哪一个最适合我想使用它的情况之前，我想看看它们。

导入所有类型，导入css：

import { createPopover, createPopup, createSidetab, createSlider, createWidget } from '@typeform/embed'
import '@typeform/embed/build/css/widget.css';
import '@typeform/embed/build/css/popup.css';
import '@typeform/embed/build/css/popover.css';
import '@typeform/embed/build/css/sidetab.css';
import '@typeform/embed/build/css/slider.css';

在我的代码中，我有一个下拉菜单到 select 我想使用的表单。 该值将使用 useState 设置。 createWidget、createSidetab 和 createPopover 都可以正常工作

createWidget(formSelect, {container: document.querySelector('.formDiv') })
createSidetab(formSelect);
createPopover(formSelect);

但是 createPopup 和 createSlider 没有出现。 有谁知道如何让他们出现？

createPopup(formSelect, {width: 500, height: 250})
createSlider(formSelect, {container: document.querySelector('.slideDiv')});

也许我使用了错误的选项，我不知道，不能让那些工作，而其他 3 个工作得很好！

**更新：让 createPopup 使用“打开：“加载””选项工作

希望任何人都可以帮助我，在此先感谢您！

Answer 1

当您调用createPopup时，它会创建弹出窗口实例，但是否打开它取决于您。

您可以根据用户操作打开它，例如。 按钮点击：

const open = (e) => {
  e.preventDefault();
  createPopup(formSelect, { width: 500, height: 250 }).open();
};

return <button onClick={open}>click to open popup</button>;

或者您可以像使用自定义启动选项一样自动打开它： { open: "load" } 。

您也应该能够对createSlider使用这两种方法。

我刚刚发现自定义启动选项（例如{ open: "load" } ）对于弹出窗口以外的嵌入类型已损坏。 我们正在为嵌入库发布一个修复程序来解决这个问题。 请安装最新版本的@typeform/embed lib (>= 1.1.4)。