Material-UI : div의 높이를 appBar의 높이와 같게 설정하는 방법

Question

서랍 padding-top을 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> 
    ); 
} 

나는 내가 여기에 더 이상 paddingTop에 대해 걱정할 필요가 없습니다 내 appBar 높이를 변경할 때마다 이렇게 동적으로 appBar의 높이를 참조 할 필요가있다.

감사합니다,

Answer 1

appBar의 높이를 얻을 수 및 구성 요소의 상태를 저장 React-Measure을 사용하는 것이 좋습니다. 이 높이를 사용하여 div의 높이를 설정할 수 있습니다.