Reactjs 物料UI列表-单独单击以展开

我有一个带有嵌套列表的

材质ui

列表。我想知道，当有人单击列表项上的任意位置时，以及当他们专门单击展开图标（列表项右侧的倒置胡萝卜图标）时，是否可以使用单独的

onClick

处理程序

基本上，当他们单击列表项上除胡萝卜图标以外的任何位置时，我希望有一个默认过程，然后当他们尝试展开嵌套列表时，有一个单独的过程

这可能吗

注意：我使用的是

ReactJs

您应该在图标上单击以防止事件冒泡到父级：

类应用程序扩展了React.Component{
家长点击=（）=>{
log（'Parent clicked！'）；
};
iconClick=e=>{
e、 停止传播（）；
log（'单击图标！'）；
};
渲染（）{
返回(
非常长的文本占用了项目中的一些空间。
偶像
)
}
}
ReactDOM.render（，document.getElementById（'root'））
.item{
边缘顶部：20px；
填充：15px；
背景：#ededed；
显示器：flex；
证明内容：之间的空间；
光标：指针；
}