2017-08-11 41 views
0

我想使用Zurb Foundation Framework的“轨道”插件来显示轮播。 我使用React来渲染组件。 第一次所有的作品,因为我打电话给jQuery(document).foundation();Zurb Foundation 6刷新React重新渲染后

但是,当反应组件重新渲染(例如,当我添加新图像时),则不会显示Orbit。调用jQuery(document).foundation();在基础已经存在的元素上使用函数的抛出错误。

在Zurb 6也不会存在选项.foundation('reflow').foundation('refresh')

任何提示我怎么能解决这个问题?

+0

能否请您分享错误的componentDidUpdate方法? –

+0

当然“'jquery.js:374试图初始化一个已经有一个基础插件的元素的响应切换。”'jQuery扔它 – jaroApp

回答

1

您必须使用Foundation.reInit函数为特定组件重新加载基础。

在这种情况下,你必须添加

Foundation.reInit('orbit'); 

我认为更好的地方来补充它在你的React.Component类

相关问题