스택된 구성 요소의 클릭 이벤트

Question

절대 위치 지정을 사용하여 두 개의 반응형 화살표 기능 구성 요소가 서로 쌓여 있고 둘 다 onClick 속성이 있습니다. 문제는 맨 위를 클릭하고 두 onClick 기능이 모두 실행된다는 것입니다. 이 문제를 해결할 방법이 있나요?

다음은 단순화된 코드 버전입니다.

으아아아

아래 스크린샷은 두 구성 요소를 함께 쌓고 싶은 이유를 보여줍니다.

• 호버링 전:
• 마우스를 가리킨 후:

Paper 구성 요소 위에 마우스를 올리면 버튼이 나타나도록 하고 싶습니다. 문제는 버튼을 클릭할 때마다 expandCard 和 buttonAction가 실행된다는 것입니다. (그런데 저는 Material UI를 사용하고 있습니다)

Answer 1

$event.stopPropagation();를 사용할 수 있습니다.

으아악

따라서 귀하의 경우에는 기능 buttonAction을 이것

으로 변경해야 합니다. 으아악

그리고 반품 조항

으아악

자세한 내용은 여기

에서 알아볼 수 있습니다.