Reactjs 反应材料用户界面响应应用程序栏

我有一个react项目，上面的appbar在左侧有一个响应抽屉。此appbar响应其中的FormControl项。打开左侧导航抽屉时，将内容推到合适的位置，并在顶部应用栏中，FormControl向下展开，更改顶部应用栏的高度。我能够捕捉到侧导航中所有项目的高度变化，除了左上角的菜单按钮和其中的图标按钮

我想捕捉准确的aapbar高度，以推动它下面的内容，这不是发生在点击菜单和内部图标按钮

我使用react ref进行此操作，但仍然没有给出准确的尺寸

附上工作示例：

如果缩小窗口并单击菜单按钮，随着抽屉的展开，第二语言项将收拢并增加appbar的高度

任何建议，我如何才能得到顶部appbar的适当高度非常感谢

谢谢，

---

Gautam

您可以添加您拥有的代码tried@vishnusandhireddy-说明中包含代码示例