在React重新渲染后,Zurb Foundation 6刷新

时间:2017-08-11 07:52:48

标签: javascript reactjs zurb-foundation

我想使用"轨道"来自Zurb Foundation Framework的插件显示轮播。 我使用React进行组件渲染。 第一次全部工作,因为我调用jQuery(document).foundation();

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

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

任何提示我如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

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

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

Foundation.reInit('orbit');

我认为添加它的更好的地方是你的React.Component类的componentDidUpdate方法