javascript - React 重新渲染后 Zurb Foundation 6 刷新

Question

我想使用 Zurb Foundation Framework 中的“orbit”插件来显示轮播。我使用 React 来进行组件渲染。第一次一切正常，因为我调用 jQuery(document).foundation();

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

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

有什么提示可以解决这个问题吗？

Answer 1

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

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

Foundation.reInit('orbit');

我认为添加它的更好位置是在 React.Component 类的 componentDidUpdate 方法中