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的高度。