向React中的元素添加和移除類

我是一個React的新手，但基本上我一直在嘗試讓一個容器在你點擊一個按鈕時從隱藏變成可見。 通常我只做一個eventListner和add.classList或remove.classList，但是我在react中找不到與之等效的東西。 我已經嘗試用useState和其他東西來解決這個問題，但是我覺得我忽略了一些簡單的東西。 我真的很感謝你的幫助已經幾個小時了，我的小腦袋都要爆炸了

我建議添加一個條件來呈現元素/組件，而不是使用類。

const [visible, setVisible] = useState(false);

return (
  <div>
    <button onClick={() => setVisible(!visible)}>toggle</button>
    {visible && <span>hello</span>}
  </div>
);