javascript - 改变ListItem中leftIcon的大小( Material ui)

Question

我正在做一个 React 项目，我想增加 material 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>)

Answer 1

这是一个工作示例，其中我将 ListItem 组件与 <img> 一起使用作为 leftIcon支柱。我也给<img>一个类和一个自定义样式。

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