Question

我在<AppBar/>使用iconElementRight等属性。在检入浏览器时，我可以将iconElementRight视为单独的div。我需要为iconElementRight添加保证金。感谢...

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

Answer 1

Material-ui AppBar有一个名为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>

Answer 2

您可以使用AppBar的iconClassNameRight或ArrayList<RestaurantModel> restoList道具将自己的风格添加到图标div。

您可以参考Material AppBar

的属性

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

2 个答案: