84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
您可以使用disabled屬性來停用按鈕，但這並不能阻止使用者在開發工具中刪除disabled屬性並重新啟用按鈕。為了避免這種情況，您還應該使用disabled值來有條件地處理按鈕的點擊事件監聽器。 例如：
import { useState } from "react"; export default function App() { const [disabled, setDisabled] = useState(false); const handleClick = (e) => { console.log(e.target); }; return ( <div className="App"> <button onClick={() => setDisabled((disabled) => !disabled)}> disable button </button> <button disabled={disabled} onClick={disabled ? null : handleClick}> click </button> </div> ); }
這樣，即使使用者刪除了disabled屬性，按鈕也不會有任何點擊處理程序附加到它上面。
您可以使用disabled屬性來停用按鈕，但這並不能阻止使用者在開發工具中刪除disabled屬性並重新啟用按鈕。為了避免這種情況，您還應該使用disabled值來有條件地處理按鈕的點擊事件監聽器。
例如：
import { useState } from "react"; export default function App() { const [disabled, setDisabled] = useState(false); const handleClick = (e) => { console.log(e.target); }; return ( <div className="App"> <button onClick={() => setDisabled((disabled) => !disabled)}> disable button </button> <button disabled={disabled} onClick={disabled ? null : handleClick}> click </button> </div> ); }這樣，即使使用者刪除了disabled屬性，按鈕也不會有任何點擊處理程序附加到它上面。