강사님 안녕하세요.
e.stopPropagation() 관련하여 mdn 문서 찾아보았는데.. 원래 이 메소드는 이벤트 버블링만 막아주고
본래의 디폴트 이벤트는 실행하는 메소드 라고 알고 있는데..
글제목4.map(function(a, i){ // a는 순차적으로 접근한 요소 / i는 인덱스
return (
<div className="list">
<h4 onClick={()=>{setModal(!modal); setTitle(i)}}>{ a }
<span onClick={(e) => {
e.stopPropagation();
따봉[i] = 따봉[i]+1
따봉변경(따봉) }}>👍</span>
{따봉[i]}
</h4>
{/* <h4>{ 글제목4[i] }</h4> */}
<p>4월 11일 발행</p>
</div>
)
})
이렇게 코드를 수행하면 span 태그가 열리지는 않는데
저 따봉 증가하는게 바로 안보이고..
글제목 태그인 h4 태그를 눌렀을때 그제서야 변경사항이 확인이 됩니다.
소스코드가 다르지 않은 것 같은데 이유가 뭘까요?
제 생각에는 강사님 코드는 현재 따봉 숫자 표현하는 부분에서 저는 해당 게시글의 따봉을 가지고 오고 싶어서
{따봉[i]} 라고 적었고 그 부부만 다른데.. 이유가 어떤건지 모르겠네요..
어딜 고쳐보면 될까요
