更改 ListItem 中 leftIcon 的大小（material ui）

Question

我正在做一个反应项目，我想增加 material ui 的 ListItem 中 leftIcon 的高度和宽度。我正在将图像传递给 leftIcon，我想将此图像的高度设置为等于 listItem 的高度。我尝试将 className 赋予 img 标签，然后从 css 设置高度和宽度，但它没有用。

这是我的 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>)

Answer 1

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

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

更改 ListItem 中 leftIcon 的大小（material ui）

Change size of leftIcon in ListItem (material ui)

javascript

listview

reactjs

material-ui