material-design-lite - 重新渲染 MDL 抽屉菜单使抽屉按钮消失

Question

我正在将 MDL 集成到 React 应用程序中。

我刚刚尝试从固定标题布局（http://www.getmdl.io/components/index.html#layout-section）中制作一个组件，并注意到如果我在 html 中对布局进行硬编码，它的工作原理是预期的。但是，如果我在运行时使用 JS 生成该 html，则缺少汉堡包图标。

我应该怎么做才能解决这个问题？

Answer 1

在 dom 已加载后添加元素时，您需要“升级”该元素。要在 dom 范围内执行此操作，请尝试此代码段

componentHandler.upgradeDom();

来自 mdlhut 的确切问题

Answer 2

我有一个类似的问题。似乎在这种情况下需要重新创建布局。https://github.com/google/material-design-lite/blob/master/src/layout/layout.js#L286