我想知道我应该如何存储特定值并确保在单击按钮后始终保持其更改的值。例如，点击勾号按钮后，数据库会更新任务中的值为真。随后，该按钮将被禁用。
const [taskComplete, setTaskComplete] = setState(false)
<Button onClick={completeTask} disabled={taskComplete}> <FaEye /> <Button>
const completeTask = () => { setTaskComplete(prevBool => !prevBool) }
这有效并且会使按钮在点击后被禁用。但是，刷新页面后，它将被重置并再次启用。如何确保它永远处于禁用状态？
我一直在考虑对数据库进行 API 调用以检索任务中的 true 值，但似乎这可能会影响性能。有没有其他办法？谢谢！