重新渲染 MDL 抽屉菜单使抽屉按钮消失

Rerendering MDL drawer menu makes drawer button disappear

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

我刚刚尝试用固定页眉布局 (http://www.getmdl.io/components/index.html#layout-section) 制作一个组件,并注意到如果我在 html 中对布局进行硬编码,它会按预期工作。但是,如果我在运行时使用 JS 生成 html,汉堡包图标就会丢失。

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

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

当您在 dom 已经加载后添加元素时,您需要 'upgrade' 该元素。为此 dom-wide,请尝试此代码段

componentHandler.upgradeDom();

exact issue from the mdlhut