prevent row click column click (1) 썸네일형 리스트형 [#. JavaScript] event.stopPropagation(), event. preventDefault()의 차이 event.stopPropagation() 이벤트 캡쳐링과 버블링에 있어 현재 이벤트 이후의 전파를 막는다 이벤트가 상위 엘리먼트에 전달되지 않게 막아준다 table row 클릭 시에 페이지를 이동하도록 click 이벤트를 적용해 놨고, column에도 delete 아이콘 클릭 시에 click 이벤트를 적용해 놨다 e.stopPropagation() 적용 전에는 delete 아이콘을 클릭하면 column onClick => row onClick 순으로 둘다 진행된다 => console에 test 출력 후 페이지 이동 import React from "react" import { Table } from "antd" import { DeleteOutlined } from "@ant-design/icons" .. 이전 1 다음