素材UIの引き出しコンポーネントは、内在するナビゲーションバーを隠しています

Question

Googleの素材UIライブラリの引き出しコンポーネントを試しています。私はそれを設定して動作させていますが、問題は、Webアプリケーションの基になるナビゲーションバーに重なっていることです。 {wholeScreen - topNavigationBar}領域に限定されたこのライブラリの引き出し機能を持つことができる方法はありますか？ここで

機能を使用すると、引き出しのスタイルを見れば、あなたはそれがz-index: 1300性質を持っていることがわかります

 <div> 
      <NavBar /> 
      <div> 
       <Button onClick={this.handleLeftOpen}>Menu</Button> 
       <Drawer 
        open={this.state.open.left} 
        onRequestClose={this.handleLeftClose} 
        onClick={this.handleLeftClose}> 
        {leftDrawerList} 
       </Drawer>  
      </div> 
     </div> 

Answer 1

を返しレンダリング私のものです。だから私は、あなたのNavbarのZインデックスを与えるべきだと思います1300