<p>아래 예와 비슷한 코드가 있습니다. 사용자를 URL로 보내는 클릭 가능한 그리드 셀을 만들려고 하는데 포함된 이미지 버튼을 클릭하면 onClick 이벤트만 실행되고 다른 이벤트는 실행되지 않기를 원합니다. 이렇게 할 수 있습니까? stopPropagation에 대한 호출을 추가하려고 시도했지만 첫 번째 onClick이 처리된 후에도 여전히 기본 링크에 연결됩니다. </p> <pre class="brush:php;toolbar:false;">const handlerSaveClick = async (e, 액티비티, 인덱스) => e.stopPropagation(); ... } <그리드 항목> <className={clsx(classes.link)} href={payload.shareableUrl} onClick={() =>handleLinkClick(payload.url, index)} > <툴팁 제목={payload.title}> <타이포그래피 className={clsx(classes.copy)}> {페이로드.제목} </타이포그래피> </도구 설명> <버튼 클래스이름={clsx(classes.savedButton)} onClick={(e) =>handleSaveClick(e, 페이로드, 인덱스)} > <img className={clsx(classes.savedIcon)} src={payload.isSaved ? 저장되지 않음} /> </버튼> </a>