ReactJS 和 MDL 菜单未显示

ReactJS and MDL menu not showing

尝试制作一个使用 Material Design Lite 的应用程序。但是,我遇到了 MDL 菜单无法打开的问题。

Check this pen

我也试过关注this article,它描述了React和MDL不能很好地配合,需要调用componentHandler来升级元素。但是在这个笔中组件不是动态加载的,所以它们应该是自动更新的。

期待听到您的回答,谢谢!

使用 React 时需要使用 htmlFor 而不是 for。 Check it out.

<ul className="mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect"
      for="demo-menu-lower-left">

应该是:

<ul className="mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect"
      htmlFor="demo-menu-lower-left">

查看更新的笔here