在Material UI＆lt;＃listitem>中添加primaryText左侧的图标

Question

我有一个来自React Material UI的<ListItem>，目前左边有一个复选框。我想在复选框和标题之间（或者更确切地说，在标题的左侧）添加图像/图标，在查看文档后，我不确定是否可以实现。

我想做类似的事情：

这在<Table>多行列中很容易实现 - ListItems中有类似的东西吗？我在文档上看到leftIcon但它不起作用。

import Checkbox from 'material-ui/Checkbox'

render() {
    <ListItem 
        primaryText="autoblog.com" 
        leftCheckbox={<Checkbox />
        rightToggle={<div style={{display: 'none'}} />}
    />
}

Answer 1

试试这个，将图片放在leftCheckbox：

中

leftCheckbox={  <div>
                    <Checkbox />
                    <img src='https://www.w3schools.com/css/img_fjords.jpg'/>
                </div>
}

应用css正确定位图像。

选中 fiddle 。