Material-UI：如何設置div的高度等於appBar的高度

Question

我需要將Drawer填充頂部設置爲等於appBar高度。

我可以通過getMuiTheme函數引用appBar，但我不知道如何將此傳遞給我的孩子抽屜？

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> 
    ); 
} 

我需要動態引用appBar的高度，這樣，每當我改變我的appBar高度，我不擔心了paddingTop這裏了。

感謝，

Answer 1

考慮使用React-Measure得到appBar的高度，並將其保存在該組件的狀態。您可以使用該高度來設置div的高度。