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