我有一個側邊欄組件，并且.sidebar.active在 React 中準備了 CSS（每當顯示側邊欄時就是該類）：
export default function Sidebar() {
return (
<div className="sidebar">This is a sidebar</div>
)
}
我想保存側邊欄在 React 中切換/激活的狀態，因為這不是一個類，我將不得不使用useState鉤子，對嗎？所以它可能看起來像這樣：
export default function Sidebar() {
const [toggled, setToggled] = useState();
return (
<div className="sidebar">This is a sidebar</div>
)
}
如何動態添加/洗掉.active類？我正在考慮添加其他字串，例如：
<div className="sidebar {toggled}">This is a sidebar</div>
所以toggled要么是空字串，要么是active. 正確的方法是什么？classList有沒有一種方法可以讓我從DOM 元素中動態添加/洗掉類？先感謝您！
uj5u.com熱心網友回復：
您可以使用三元運算子來切換類串列。
export default function Sidebar() {
const [toggled, setToggled] = useState(false);
return (
<div className={toggled ? "sidebar active" : "sidebar"}>This is a sidebar</div>
)}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/472684.html
上一篇：停止以根據條件帶來重復的結果