Javascript 如何更改单击时按钮的状态，并在React中再次单击时恢复到原始状态？

我有一个按钮，我定义为：

<button className={class} onClick={() => changeClassProperty()}>
        {classText}
</button>

changeClassColor（）处理程序负责将css颜色样式和“我的按钮”的文本更改为：

function changeClassProperty() {
    setClassColor(styles.classBButton);
    setClassText("B");
  }

---

因此，单击按钮A它会将其颜色和文本更改为我的按钮B。现在，我希望只要点击按钮，它就会在状态a和B之间切换。如何实现这一点？

您可以使用

设置状态中的箭头功能访问以前的状态

setClassText(prev => prev === "A" ? "B" : "A");

setClassText(prev => prev === "A" ? "B" : "A");