IT技术 - AppBar Material UI 问题 - 吾爱随笔录

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

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

这是 myComponent 函数的代码：

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

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

render() { return ( <div style={{ paddingTop: 64 }}> <AppBar> <Toolbar> <Typography variant="title" color="inherit"> Title </Typography> </Toolbar> </AppBar> <YourComponent /> </div> ); }