使用disabled={true}的問題。HTML按鈕的問題。應用程式是在JavaScript React中。我設定了按鈕的初始值disabled={true} .為了方便起見，我將其稱為id="button1"。一旦我點擊另一個按鈕，比如說id=button2，我用代碼button1重新啟用我的document.getElementById('button1').disabled=false;。按鈕重新啟用，但一旦點擊它就沒有任何功能，看起來它仍然是禁用的。我做錯了什么呢？
這里是我的簡化代碼：
function App（） {
const approve = （）=> {
console.log（'test'）。
};
const filterWeek2 = (/span>) => {
document.getElementById('approve')。 removeAttribute("disabled") 。
};
return (
<div className="App"/span>>
<nav>/span>
<ul className="nav-area">
<li>< button id="Week2" onClick={filterWeek2} > 第2周</button></li>
<li>< button id="approved" onClick={approve} disabled=> APPROVE</button></li>
</ul>/span>
</nav>/span>
</div>
);
}
export default withAuthenticator（App）。
uj5u.com熱心網友回復：
disabled 是一個布爾屬性，它在一個HTML元素上的出現會禁用該元素。如果它出現在元素上，它將禁用該HTML元素，不管它有什么值。
你必須使用removeAttribute洗掉該屬性，以使其可編輯
const disabled = document. querySelector(".disabled") 。
const normal = document.querySelector(".normal") 。
normal.addEventListener("click", () => {
if (disabled.hasAttribute("disabled")) disabled。 removeAttribute（"disabled"）。
else disabled.setAttribute("disabled", true) 。
})< button disabled class="disabled"> 按鈕</按鈕>
<button class="normal"/span>> toggle</button> 既然你使用的是React，那么你可以使用狀態來切換disabled。DEMO
disabled={active}。
如果active是true，那么這個HTML元素就是禁用的，否則就是啟用的。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/321043.html
標籤：
下一篇：安卓作業室室。無法創建資料庫檔案