ReactJS 和 MDL 菜单未显示

Question

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

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

期待听到您的回答，谢谢！

Answer 1

使用 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。

ReactJS and MDL menu not showing