export default function EventList() {
useEffect(() => {
const parent = document.querySelector("ul")
const child = document.querySelectorAll("li")
if (parent) {
parent.addEventListener("click", (event) => {
console.log("parent clicked")
}, true)
}
if (child) {
child.forEach(function (list) {
list.addEventListener("click", (event) => {
event.stopPropagation()
console.log("child clicked")
})
})
}
return () => {
parent.removeEventListener("click", console.log("parent clicked"))
child.removeEventListener("click", console.log("child clicked"))
}
}, []);
return (
- name
- age
- address
}
< /code>
выше код дает ошибку, как ниже < /p>
uncaught typeerror: child.removeeventlistener не является функцией < /p>
< /blockquote>
Подробнее здесь: https://stackoverflow.com/questions/796 ... -useeffect
Мобильная версия