反应物料设计onclick列表项目高亮显示项目/有效

时间:2018-09-13 01:39:16

标签: javascript reactjs material-design material-ui

我有2个面板,每个面板上都有一个列表组。我正在使用材质设计。

问题: 在面板1上单击onclick第一个列表项时,它不会被选择并更改InstanceType或突出显示所选列表,与面板2相同。

寻找解决方案:在列表项上单击时,应更改样式或激活或更改背景颜色。突出显示所选项目,然后在相应面板上单击另一个项目时将其删除。

the standard library

我想要这样的输出original code。这是在引导程序中完成的,但是正在材料UI中寻找解决方案

1 个答案:

答案 0 :(得分:1)

您将需要添加以下行

在卡片中

selected={card==selectedCard}

项目

selected={item==selectedCheck}

我相信此后它应该可以工作。