更改 ListItem 中 leftIcon 的大小（材质 ui）答案

【问题标题】：Change size of leftIcon in ListItem (material ui)更改 ListItem 中 leftIcon 的大小（材质 ui）
【发布时间】：2016-11-07 19:07:51
【问题描述】：

我正在做一个反应项目，我想增加材质ui的ListItem中leftIcon的高度和宽度。我正在将图像传递给 leftIcon，并且我想将此图像的高度设置为等于 listItem 的高度。我尝试将 className 赋予 img 标签，然后从 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>)

【问题讨论】：

标签： javascript listview reactjs material-ui

【解决方案1】：

这是一个工作示例，其中我使用带有 <img> 的 ListItem 组件作为 leftIcon 属性。我还给 <img> 一个类和一个自定义样式。

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

【讨论】：