스택큐힙리스트

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

닫힘. 이 질문은 의견에 기반한 것입니다. 현재 답변을 받지 않고 있습니다. 이 질문을 개선하려면 사실과 인용을 통해 답변할 수 있도록 질문을 편집하세요. 2년 전에 닫힘 2 years ago. 지난 해 last year에 커뮤니티가 이 질문을 다시 열 것인지를 검토했고, 닫혔습니다: 원래의 닫힘 이유들이 해결되지 않았습니다 이 질문 개선하기 나는 React 클래스 내에서도 스타일을 지정할 수 있다는 것을 알고 있습니다. 예를들면 이렇게요: const MyDiv = React.createClass({ render: function() { const style = { color: 'white', fontSize: 200 }; return 좋고 생산적인 하루 되세요! ; } }); 이 방법을 통해 모든 스타..

React가 setState()가 호출될 때마다 모든 컴포넌트와 하위 컴포넌트를 다시 렌더링합니까? 만약 그렇다면, 왜 그럴까요? React가 상태가 변경될 때 필요한 만큼만 렌더링하는 것이 아닌가요? 다음 단순한 예제에서는 텍스트가 클릭될 때마다 두 클래스 모두 다시 렌더링되는데, 연속적인 클릭에서 상태가 변경되지 않기 때문에, onClick 핸들러가 항상 동일한 값으로 state를 설정한다고 하더라도: this.setState({'test':'me'}); 변경된 state 데이터가없는 경우에만 렌더링이 발생할 것으로 예상했는데요. 예제의 코드는 이곳에서 확인할 수 있고, 임베디드 스니펫도 있습니다: JS Fiddle에서 var TimeInChild = React.createClass({ render:..