Material-UI：divの高さをappBarの高さに設定する方法

Question

引き出しのパディングトップをappBarの高さに設定する必要があります。

私はappBarをgetMuiTheme関数で参照できますが、これを私の子Drawerをどのように渡すかはわかりませんか？

render(){ 
    return(
     <div> 
      <Header/> 
      <div style= {{"paddingTop": "64px", "minHeight": "400px", "paddingLeft": "256px"}}> 
       <div style = {{"margin": "48px 72px", "height": "600px"}}> 
        My component is here 

        {this.props.children} 
       </div> 

      </div> 
      <Menu/> 

     </div> 
    ); 
} 

私はもうここにpaddingTopを心配する必要はありません、私のアプリケーションバーの高さを変更するたびに動的ので、アプリケーションバーの高さを参照する必要があります。

おかげで、

Answer 1

アプリケーションバーの高さを取得し、コンポーネントの状態でそれを保存するためにReact-Measureの使用を検討してください。その高さを使ってdivの高さを設定することができます。