2016-11-07 2 views
1

Я работаю над проектом реакции, и я хочу увеличить высоту и ширину leftIcon в ListItem материала ui. Я передаю изображение leftIcon, и я хочу установить высоту этого изображения равным высоте listItem. Я попробовал дать className тегу img, а затем установил высоту и ширину из css, но это не сработало.Изменить размер leftIcon в ListItem (материал ui)

вот мой ListItem

<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>) 

ответ

2

Вот рабочий пример, где я использую компонент ListItem с <img> как leftIcon опоры. Я также даю <img> класс и собственный стиль.

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