反应材料设计onclick list-item突出显示项目/活动

问题描述 投票:0回答:1

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

问题:onclick面板1上的第一个列表项目未被选中并更改style = "success"或突出显示所选列表,面板2相同。

寻找解决方案:onclick on list-item它应该改变样式或活动或更改背景颜色。突出显示所选项目,并在单击相应面板上的其他项目时将其删除。

original code

我想要像这样的Bootstrap code输出。这是在bootstrap中完成的,但在材料UI中寻找解决方案

javascript reactjs material-design material-ui
1个回答
1
投票

您需要添加以下行

在卡片中

selected={card==selectedCard}

在项目中

selected={item==selectedCheck}

我相信它应该在此之后起作用。

© www.soinside.com 2019 - 2024. All rights reserved.