在反应中创建开/关按钮

Question

我正在制作一个按钮，当它打开时会说“禁用”，当它关闭时会说“启用”。我该怎么做？我已经尝试过，但我什至不知道从哪里开始，是否缺少一些语法？

Answer 1

下面的代码会根据状态显示按钮文本。 在useState() 挂钩内，您可以指定初始状态。 在按钮的单击事件中，状态将反转以在 true 和 false 之间切换

const customButton = () => {
 const [enabled, setEnabled] = useState(false);

 return (
  <button 
    onClick={() => setEnabled(!enabled)}>
    {enabled ? "disable" : "enable"}
  </button>
 );
}