如何在Material-UI AppBar左侧显示图像,但保留“汉堡包”菜单?
问题描述:
我想在Material-UI AppBar的左侧显示图像,但保留“汉堡包”菜单并将图像放在右侧。如何在Material-UI AppBar左侧显示图像,但保留“汉堡包”菜单?
这可能吗?我可以将图像添加到使用
<AppBar title="My App"
iconElementLeft = {<img src='header-logo.png' alt="Logo" />} />;
但是左侧,即取代的“汉堡包”菜单,这是对我没有用。
我也尝试创建img
作为AppBar
的子项,但它将图像放在任何iconElementRight
元素的右侧。
答
只需传递标签作为标题即可。材料的UI将一个节点作为标题
喜欢的东西
<AppBar
title={<img src="https://unsplash.it/40/40"/>}
/>
工作pen
希望这有助于!
不错。我做到了这一点,并使用IconButton重新创建菜单。看起来我明天会重构。 – dommer