ListItem에서 leftIcon의 크기 변경 (재질 ui)

Question

저는 반응 프로젝트를 진행하고 있으며 재질 ui의 ListItem에서 leftIcon의 높이와 너비를 늘리고 싶습니다. leftIcon에 이미지를 전달하고 있는데이 이미지의 높이를 listItem의 높이와 같게 설정하려고합니다. 나는 img 태그에 className을 부여하고 CSS에서 높이와 너비를 설정하려고 시도했지만 작동하지 않았습니다.

여기

<MuiThemeProvider> 
        <List style={{margin:0, height:58}}> 
         <ListItem leftIcon={ <img className="mediaThumbnail" src="./dev/js/images/paris.jpg"/>} style={{height:70,backgroundColor:"#FFFFFF"}} secondaryText={value.Episode_Name}> 
         </ListItem> 
        </List> 
       </MuiThemeProvider>) 

Answer 1

은 여기가 leftIcon 소품 같은 <img>으로하여 ListItem 구성 요소를 사용 작업 예제 내을 ListItem입니다. 또한 <img>에는 클래스와 사용자 정의 스타일이 있습니다.

https://jsfiddle.net/tecnkym7/1/