Javascript 在材质UI'；中添加primaryText左侧的图标；s<；列表项>；

我有一个来自React Material UI的

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

我想做一些类似的事情：

这在具有多行列的

中很容易实现-ListItems中是否有类似的内容？我在文档上看到

leftIcon

，但它不工作

import Checkbox from 'material-ui/Checkbox'

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

从“物料界面/复选框”导入复选框
render（）{
}

尝试此操作，将图像放入

leftCheckbox

：

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

leftCheckbox={
}

应用

css

以正确定位图像

---

选中此复选框

尝试此操作，将图像放入

左复选框

：

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

leftCheckbox={
}

应用

css

以正确定位图像

---

检查此

感谢您的快速响应。我想到了另一个解决方案——将

中的div作为子级渲染。你觉得怎么样？谢谢你的快速回复。我想到了另一个解决方案——将

中的div作为子级渲染。你怎么认为？