Reactjs 如何在React Material UI中为属性添加css

这里我使用了

和

iconElementRight

等属性。在签入浏览器时，我可以看到

iconelecentright

作为单独的

div

。我需要为

iconElementRight

添加边距。谢谢

<div>
  <AppBar
    title="Component Catalog"
    iconElementRight={<img src={require('../../assets/images/logo-footer.png')} alt="logo" />}
    style={{ border: '1px solid black' }}
  />
</div>

有一个名为

iconStyleRight

的道具，它覆盖了右侧元素的内联样式，您可以像这样使用它

<div >
   <AppBar title="Component Catalog" 
        iconElementRight = {<img src={require('../../assets/images/logo-footer.png')} alt="logo"/>}
        iconStyleRight={{ margin: '10px' }}
        style={{border:'1px solid black'}}
        />
</div>

---

您可以使用AppBar的

iconStyleRight

或

iconClassNameRight

道具将自己的样式添加到图标div中

您可以参考