Javascript React MDL：无抽屉按钮和独立抽屉

我正在使用基本的React设置和React mdl（）组件用我的布局构建一个web视图。当然，我的模板上有MDLCSS。 我想将

React MDL

中的抽屉组件用于我的自定义布局。到目前为止，我的布局中有以下内容：

<div className="mdl-layout mdl-js-layout mdl-layout--fixed-header">
  <Header/>
  <Drawer title="Title">
   <Navigation>
      <a href="">Link</a>
      <a href="">Link</a>
      <a href="">Link</a>
      <a href="">Link</a>
   </Navigation>
  </Drawer>
</div>

出票人：

<div class="mdl-layout__drawer">
  <span class="mdl-layout-title">Title</span>
  <nav class="mdl-navigation">
    <a href="" class="mdl-navigation__link">Link</a>
    <a href="" class="mdl-navigation__link">Link</a>
    <a href="" class="mdl-navigation__link">Link</a>
    <a href="" class="mdl-navigation__link">Link</a>
  </nav>
</div>

标题

---

问题是渲染正常，但没有生成抽屉按钮。在类为

mdl-layout\u的div中，抽屉div旁边生成抽屉按钮

，布局末尾生成类为

mdl-layout\u模糊器

的div

我也遇到了同样的问题，因为我使用了

material design lite

的scrips而不是

react mdl

的脚本，犯了一个错误

import 'react-mdl/extra/material.css'
import 'react-mdl/extra/material.js'

---

希望这有帮助

我也遇到了同样的问题，因为我使用了

material design lite

的scrips而不是

react mdl

的脚本，犯了一个错误

import 'react-mdl/extra/material.css'
import 'react-mdl/extra/material.js'

希望这有帮助