var let질문있습니다!

[kis]

  function list(){
    var titleList = [];
    for (let i=0; i<title.length; i++){
      titleList.push( <div className="list" key={i}>
      <h3 onClick={()=>{setTitleNum(i)}}  >{title[i]}</h3>
      <p>2월 17일 발행<span onClick={()=>{setUp(up++)}} className="upBtn">?</span>{up}</p>
      <hr/>
     
    </div>
)
    }
    return titleList;
  }

 

여기서 for문 안의 i에  var를 넣으면 onClick 안의 함수setTitleNum(i)의 파라미터인 i 는  0 , 1  ,2 이렇게 돌지 않고 3으로만 들어갑니다 

let을 넣으면 정상적으로 0 ,1 ,2 가 들어가는데  es6강의를 듣고도 이해 안가는 부분이라서 질문 드립니다!!

[codingapple]

onClick 이런거 안에 있는 코드는 클릭이 되어야 실행되는 코드입니다

그래서 반복문이 다 돌고나서도 setTitleNum(i) 이건 실행이 아직 안된 상태입니다 

나중에 유저가 클릭할 때 setTitleNum(i) 이걸 실행하는데 그 때 i라는 변수같은게 보이면 이걸 근처에서 찾아서 채우고싶어합니다

근데 근처에 있는 var i 변수는 반복문이 다 돌고난 이후라서 3으로 되어있군요 

[kis]

감사합니다!

[글쓴이]

글