首页 > 解决方案 > 同时删除和更改多个元素的className onClick - ReactJS

问题描述

我目前正在尝试根据数组值显示几个按钮。在这些按钮中,一个将具有与其他按钮不同的className,我想将此 className 切换为单击的按钮。

在我的代码框示例中,“John”的 className 值为“one”。我希望能够单击另一个按钮,给它“一”的类名并给约翰(或任何其他初始类名为一的元素)className =“二”

这是一个代码框,希望这更有意义。

标签: javascriptreactjs

解决方案


如果你的意思是你想让你点击的按钮变成红色,这里是一个添加了这个功能的代码框:

https://codesandbox.io/s/frosty-herschel-l87wx


推荐阅读