Birisi active olunca olan classlara sahipken diğeri olmayacak. Diğerine tıkladığında ise olanları ilkinden kaldırıp tıklanana ekleyecek yani. Yaşadığınız sorunu detaylı yazarsanız daha iyi yönlendirme sağlayabiliriz.

import React, { useState } from 'react';

function ToggleButton() {
const [isToggled, setIsToggled] = useState(false);

const handleToggle = () => {
setIsToggled(!isToggled);
};

return (
<button onClick={handleToggle}>
{isToggled ? 'Açık' : 'Kapalı'}
</button>
);
}

export default ToggleButton;