Material-UI：如何设置div的高度等于appBar的高度

Question

我需要将Drawer 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>
    );
}

我需要动态引用appBar的高度，所以每当我改变appBar高度时，我都不用再担心paddingTop了。

谢谢，

Answer 1

考虑使用React-Measure获取appBar的高度并将其保存在组件的状态中。您可以使用该高度来设置div的高度。