Javascript 如何使用正确的反转布尔值！操作人员

我正在使用Material UI，第一次做练习时会做出反应，在禁用按钮后，我无法启用第二次单击的按钮

代码如下：

const [hello, setHello] = useState(true)
  <Button variant='contained' color='primary' disabled={hello ? false : true} onClick={() => setHello(!hello)}>
    Click Me
  </Button>

页面启动时，按钮处于启用状态

当我第一次点击它时，它会被禁用

问题是，当再次单击时，它将保持禁用状态。

---

你不应该打招呼！hello将hello更改为其相反的布尔值？

在React状态更新中切换布尔值的正确方法是使用功能状态更新

onClick={() => setHello(hello => !hello)}

按钮的disabled属性也可以使用一点applied Boolean Zen，因为hello状态已经是一个布尔值，所以不需要使用三元运算符来分配布尔值

disabled={!hello}

但是，更大的问题是，禁用按钮后，它现在不再可单击，因此您需要一些其他方法来切换hello状态，以便重新启用按钮。

试试这个

const [hello, setHello] = useState(true)
<Button variant='contained' color='primary' disabled={!hello} onClick={() => setHello(hello => !hello)}>
    Click Me
</Button>

---

您通过第一次单击禁用了它，所以第二次单击不起作用。或者干脆=>setHello！“你好”也将执行此操作。@MatthewKwong确定，直到超过1个onClick回调以某种方式进入队列，并且随后的状态更新覆盖以前的状态更新。请参阅我创建并定期使用的这篇文章，以演示问题以及为什么功能状态更新很重要。经验法则应该是，任何时候下一个状态值依赖于任何以前的状态值，请使用功能更新。@Drewrese我忽略了禁用按钮不再可单击的事实。现在它有意义了。谢谢。这不是问题所在，它不会改变任何事情。