스택큐힙리스트

나는 새로운 React Hooks의 useEffect API를 시도하고있는데, 무한 루프에서 계속 실행되는 것 같아요! useEffect 안의 콜백이 한 번만 실행되도록 하고 싶습니다. 참고로 아래는 내 코드입니다: Run code snippet을 클릭하여 콘솔에 무한히 Run useEffect 문자열이 출력되는 것을 확인하세요. function Counter() { const [count, setCount] = React.useState(0); React.useEffect(() => { console.log('Run useEffect'); setCount(100); }); return ( Count: {count} ); } ReactDOM.render(, document.querySelector('#a..

이 글에서 설명하는 대로, 컴포넌트 외부에서 클릭 이벤트가 발생했는지 감지하는 방법을 찾고 있습니다. 클릭 이벤트의 대상이 부모 요소 중 하나로 DOM 요소를 갖고 있는지 확인하기 위해 jQuery closest()를 사용합니다. 일치하는 경우, 클릭 이벤트는 자식 중 하나에 속하므로 컴포넌트 외부로 간주되지 않습니다. 그래서 내 컴포넌트에는 window에 클릭 핸들러를 추가하고 싶습니다. 핸들러가 실행되면 대상을 내 컴포넌트의 DOM 자식들과 비교해야 합니다. 클릭 이벤트에는 path와 같은 속성이 있는데, 이는 이벤트가 이동한 DOM 경로를 보유하는 것 같습니다. 무엇을 비교해야 할지 또는 어떻게 최상의 방법으로 탐색해야 할지 확신이 없고, 이미 잘 만들어진 유틸리티 함수에 그런 내용이 있을 것 같습..