onclick 메소드 내에서 this가 undefiend인이유

[임동희]

            onClick={(e) => {
              var listItem = e.currentTarget.parentElement;
              axios
                .delete(`/api/edit/?id=${d._id}`)
                .then((res) => {
                  console.log("성공", res);
                  listItem.style.opacity = 0;
                  setTimeout(() => {
                    listItem.style.display = "none";
                  }, 1000);
                })
                .catch((err) => console.log("실패", err));
              // router.refresh();

관련하여 질문드립니다.
(1) axios then 안에서 e.currentTarget을 찾을 수 없어 변수 할당 후 참조하였는데, 못찾는 이유가 뭘까요?
(2) 콜백함수 내에서 this를 써보고 싶기도 한데, this가 undefiend라고 되어있어서요. 이벤트핸들러 콜백함수 내에서는 this는 e.currentTarget이 되어야 하는거 아니였나요?

[codingapple]

e.currentTarget은 ajax나 setTimeout 안에서 쓰면 가끔 null 나올 수도 있습니다
리액트의 html은 쌩 html이 아니라서 그거랑 좀 다르게 동작합니다

[글쓴이]

글