2016-11-06 6 views
1

Material-UI AppBar의 왼쪽에 이미지를 표시하고 싶지만 "햄버거"메뉴는 그대로 유지하고 이미지 오른쪽에 이미지를 표시하고 싶습니다.Material-UI AppBar 왼쪽에 이미지를 표시하지만 "햄버거"메뉴는 유지하려면 어떻게해야합니까?

가능합니까? 나는 나에게 소용없는 "햄버거"메뉴를 대체하는, 그러나

<AppBar title="My App" 
     iconElementLeft = {<img src='header-logo.png' alt="Logo" />} />; 

사용하여 왼쪽에 이미지를 추가 할 수 있습니다.

또한 을 AppBar의 하위 항목으로 만들려고 시도했지만 이미지는 iconElementRight 요소의 오른쪽에 있습니다.

답변

10

태그를 제목으로 지정하기 만하면됩니다. 재료-UI는 희망이 도움이

작업 pen

<AppBar 
    title={<img src="https://unsplash.it/40/40"/>} 
    /> 

같은 제목으로

뭔가 노드를 취할 것입니다!

+0

니스. 나는 그것을 어려운 방법으로 만들었고 IconButton을 사용하여 메뉴를 재창조했다. 내가 내일 리팩터링하는 것처럼 보입니다. – dommer