React 中阻止事件冒泡的問題
摘要：
如果你已經忘了，這是相應的程式碼及輸出。
function App() {
useEffect(() => {
document.addEventListener("click", documentClickHandler);
return () =&g...
如果你已經忘了，這是相應的程式碼及輸出。
function App() {
useEffect(() => {
document.addEventListener("click", documentClickHandler);
return () => {
document.removeEventListener("click", documentClickHandler);
};
}, []);
function documentClickHandler() {
console.log("document clicked");
}
function btnClickHandler(event) {
event.stopPropagation();
console.log("btn clicked");
}
return <button onClick={btnClickHandler}>CLICK ME</button>;
}
輸出:
btn clicked document clicked