React中控制输入框禁用状态的切换按钮功能失效如何修复

问题原因 #

你声明的isDisabled状态本身是布尔类型，初始值为false，但你在两个状态更新方法里都错误地向setDisabled传入了对象类型的值。
在JavaScript的布尔判断规则中，所有非空对象都会被认定为真值，所以即使你传入{isDisabled: false}，这个对象本身在disabled={isDisabled}判断时仍会被识别为true，导致输入框始终处于禁用状态。

修复方案 #

修改两个状态更新函数，直接传入布尔值即可，无需用对象包裹：

function handleDisabling(){
    setDisabled(true)
}

function handleEnabling(){
    setDisabled(false)
}

内容的提问来源于stack exchange，提问作者Adam