ReactJS和MDL菜单未显示

Question

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

Check this pen

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

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

Answer 1

您需要使用htmlFor而不是使用React时。 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。