當(dāng)選中任何復(fù)選框時,我在啟用按鈕時有一個錯誤。目前它在第一次點擊時不起作用,而只在第二次點擊時起作用。取消選中復(fù)選框也適用于第一次單擊。我認(rèn)為這與各州有關(guān),但我不太明白是什么導(dǎo)致了這個問題。

checked.length > 0 ? setTaskBtnsEnabled(true) : setTaskBtnsEnabled(false);

它消除了這個問題,所以我確信它與useState有關(guān)。不過,這條線對我來說很重要,所以我應(yīng)該想出解決辦法。我還嘗試從相反的布爾值開始,但問題仍然存在。

上部構(gòu)件:

const checkedBoxes = () => {

var checkedOnes = [];

for (

var i = 0;

i < document.getElementsByClassName('count-checkboxes').length;

i++

) {

if (document.getElementsByClassName('count-checkboxes')[i].checked) {

checkedOnes.push(

document.getElementsByClassName('count-checkboxes')[i].parentNode

.id

);

}

}

return checkedOnes;

};

const [taskBtnsEnabled, setTaskBtnsEnabled] = useState(false);

const handleBtnsEnabling = event => {

var checked = checkedBoxes();

checked.length > 0 ? setTaskBtnsEnabled(true) : setTaskBtnsEnabled(false);

};

前一個組件中的組件:

disabled={!taskBtnsEnabled}

id="nappi"

>

OK

總結(jié)

以上是生活随笔為你收集整理的react动态改变选中不选中_当使用react hooks选中任何复选框时,如何使启用按钮起作用?...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。