Разрешение только одно активное состояние на нескольких кнопках ⇐ CSS

[Anonymous]

Я пытаюсь иметь 3 кнопки, которые переключают свое активное состояние в зависимости от того, нажимают ли другие другие. Поэтому, если кнопка 1 активна, кнопка 2 и 3 не должны быть. Мои кнопки расположены следующим образом. < /P>
addPizza(event)}>
addPizza(event)}>
addPizza(event)}>

< /code>
и компонент - это < /p>
const ButtonClickable3 = (props) => {
const [isActive, setActive] = useState("false");
const handleToggle = (e) => {
setActive(!isActive);
props.onClick(e)

};
return
{props.name}


}
< /code>
В настоящее время единственное, что я могу сделать, - это включать и выключение всех кнопок. Т.е. Один нажимается, и все они меняют активное состояние. < /P>
Как я могу сделать только один быть активным за раз? Я поместил свой код в этот код и ящик.

Подробнее здесь: https://stackoverflow.com/questions/653 ... le-buttons