Javascript 在ReactJS中重新创建单选按钮行为

我在沙盒中重新创建了单选按钮行为。 当一个按钮处于活动状态时，所有其他按钮都应处于非活动状态

请在此处找到链接：

对于3个按钮，我创建了3个函数。有没有办法用一个函数来优化我的代码

---

谢谢

是的，您可以通过使用阵列来实现：

import React，{useState}来自“React”；
导出默认函数按钮切换（）{
const[happy，setHappy]=useState（[false，false，false]）；
函数句柄（idx）{
设set=[假，假，假]；
设置[idx]=！快乐[idx]；
赛特乐（赛特）；
}
返回(
{happy[0]？“是的，您可以使用数组：

import React，{useState}来自“React”；
导出默认函数按钮切换（）{
const[happy，setHappy]=useState（[false，false，false]）；
函数句柄（idx）{
设set=[假，假，假]；
设置[idx]=！快乐[idx]；
赛特乐（赛特）；
}
返回(
{快乐[0]？”不坏，多谢！唯一的事情是，如果点击同一个按钮，你就松开了每个按钮上的切换，Hi @ MusikART如果这个或任何答案已经解决了你的问题，请点击点击复选标记。我做了，但是我的名声很低，所以我不确定它是否被显示了！谢谢。不太坏，谢谢！唯一的事情是，如果点击同一个按钮，你就松开了每个按钮上的切换，Hi @ MusikART如果这个或任何答案已经解决了你的问题，请点击点击复选标记。我做了，但是我的名声很低，所以我不确定它是否被显示了！张开的。