Question

我使用基本的React设置和我的布局构建一个Web视图，并对mdl（https://react-mdl.github.io/react-mdl）组件做出反应。当然我的模板上有mdl css。我想使用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>

问题是渲染正常，但没有生成抽屉按钮。在demo layout 中，在抽屉div旁边生成一个类mdl-layout__drawer-button的div，并在布局末尾生成一个类mdl-layout__obfuscator的div。

Answer 1

我遇到了同样的问题，因为我使用material-design-lite的潦草而不是react-mdl的脚本犯了错误。

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

希望这有帮助！

React MDL：没有带独立抽屉的抽屉按钮

1 个答案: