如何在react with setState挂钩中切换css类

Question

我尝试了不同的方法。但是不要尝试切换这个css类。当我点击它时，书签应该会变成蓝色。到目前为止，我可以用onClick更改为false，但它不会切换回来。
这是ToggleBookmark组件集：

const ToggleBookmark = () => {

const [selected, setSelected]=useState(true);

const  toggleBookmark = () => {
setSelected(true?false:true);
   }

return(
<svg className={`toggleBookmark ${selected ? "toggleBookmark-active" : ""}`} onClick={toggleBookmark} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 2v17.582l-4-3.512-4 3.512v-17.582h8zm2-2h-12v24l6-5.269 6 5.269v-24zm-14 1h-10v2h10v-2zm0 5h-10v2h10v-2zm0 5h-10v2h10v-2zm0 5h-10v2h10v-2z"/></svg>
)
}

Answer 1

它不会回头，因为你的tri条件总是假的。使用selected作为tri条件，以便更改回来而不是true：在第5行