在SPFx Webpart中单击时从猫头鹰轮播更改图像

时间:2020-07-02 10:04:04

标签: reactjs carousel spfx

我正在使用react和SPFx创建一个照相馆Webpart。当用户单击某些文件夹时,我想更改轮播中的图像(猫头鹰轮播)。因此,当新文件夹的图像数量与旧文件夹数量相同(现在其图像已绑定到轮播)时,它可以正常工作。但是,当图像数量或多或少发生变化时,轮播会中断。如果图像数量更多,它将剩余的图像绑定到转盘底部(不在转盘中)。如果图像数量较少,则会出现错误:-

未捕获(承诺)的DOMException:无法在“节点”上执行“ removeChild”:要删除的节点不是该节点的子节点。

我尝试使用以下方法清除状态,清除innerHTML并从轮播中删除项目:-

$ carousel.trigger('remove.owl.carousel',0); -> $ carousel是对该轮播的引用。

用于先清除轮播,然后再使用state再次绑定新图像。这些都不对我有用。

Error Message

0 个答案:

没有答案