Foundation Framework和React - reInit手风琴无效

时间:2017-07-06 19:19:27

标签: reactjs zurb-foundation

问题

  • 我调用setState将新配方添加到我的食谱列表
  • 该配方是基金会手风琴的新面板
  • 手风琴标题立即弹出
  • 页面刷新之前没有功能
  • 我已经尝试了我能想到的一切,包括基金会的reInit,他们的手动切换,手风琴的向上和向下方法,以及重新构建整个手风琴
  • 一切无效

1 个答案:

答案 0 :(得分:0)

这是我提出的解决方案。

  • 我能够从控制台调用$(“#element”)。foundation(“toggle”,$ target,true)并以编程方式打开并关闭手风琴选项卡。
    • 元素是手风琴包装并定位特定标签,true是指示需要重排的参数
    • 由于多种原因,将该功能实施到我的应用程序中比实际值更麻烦。
  • 我最后只是调用了location.reload(),这就像按下刷新按钮一样。同时运行的模态动画几乎不会引人注意
  • 所以当所有其他方法都失败时,手动覆盖可能是一个可行的解决方案,具体取决于您的个人页面

有一个真正的答案

  • 在我的研究中,我遇到了很多类似的github问题,这些问题与Foundation以及某种动态呈现和/或第三方框架/库有关。每种情况都有所不同,所以没有一个答案
  • 如果有人具体知道为什么基金会或React(可能),不会让我重新加入,重排,$(文件)。基础或做任何各种假设的解决方案:我很想知道。
  • 也许我可以做一些不同的事情,但如果你看看我的代码,我将状态保持在一个组件,我在componentDidMount中初始化我的js插件 - 据我所知这是我应该做的。谢谢