현상 : 버튼 태그 안의 svg 아이콘을 클릭하면 버튼 태그의 네임에 대입한 값이 읽혀야하는데, undefined로 값이 읽힘
해결 방법 : svg 컴포넌트에 해당 값을 부여하면 이벤트 버블링 현상이 종료되어, 제대로 값이 읽힘
<SVG Component onClick={(e) => e.stopPropagation()} css={{pointerEvents: 'none'}} />
'Style Sheet > CSS' 카테고리의 다른 글
| 상단바에 opacity 넣기 (0) | 2022.11.28 |
|---|---|
| CSS block, inline, inline-block element (0) | 2022.05.24 |
| CSS position (0) | 2022.05.24 |
| CSS padding에 %값을 주면? (0) | 2022.05.23 |
| SASS - 구글 드라이브 (0) | 2021.11.04 |