AppBar Material UI 问题

我对 Material UI 库还很陌生，但到目前为止我真的很喜欢它！但是，我遇到了 AppBar 组件覆盖在我的其他内容上的问题。我目前有<AppBar /> and <myComponent />在我的 App.js 渲染方法中。这是代码片段：

render(){
   return (
   <div>
      <AppBar />
      <myComponent />
   </div>
   );
}

这是 myComponent 函数的代码：

function myComponent(){
   return (
   <h1>
      Hello
   </h1>
   );
}

但是，当我运行此代码时，“Hello”消息被 AppBar 组件覆盖。有什么方法可以让我的问候消息（和相应的代码）显示在AppBar下吗？这是一个简单的问题，但我很想弄清楚！

您需要将顶部的上边距添加到您在应用栏正下方创建的组件

我正在通过手机发布此信息，如果您需要代码，请告诉我，我会为您纠正它