내 React 데모의 버튼 클릭이 응답하지 않습니다.

Question

버튼을 클릭해도 응답이 없는 이유는 무엇입니까? 내 샘플 코드: https://codesandbox.io/s/gallant-knuth-kwf55c 내 코드를 확인했지만 문제를 찾지 못했습니다. 문제 해결을 도와주세요.

P粉957723124 · Answer

그 이유는 모든 요소가 position:absolute를 사용하여 설정되기 때문에 콘텐츠 div가 헤더와 겹쳐지기 때문입니다.

이로 인해 상호작용 시 헤더가 숨겨집니다. 따라서 클릭하면 클릭 이벤트가 실제로 버튼이 아닌 콘텐츠에서 실행됩니다(아래 참조).

다음 방법을 사용할 수 있습니다.