[React1] map이용해서 반복 돌리기

내가 뭔가 미흡하다고 생각했던 부분

map이용해서 같은거 아니고 순환으로 반복돌리기

 

{
글제목.map(function(){
  return (
  <div className="list">
  <h4>{글제목[1]}</h4>
  <p>2월17일발행</p>
  </div>
  )
})
}

이렇게하면 글제목[1]로 같은 것만 계속 반복될거다.

 

{
글제목.map(function(a){
  return (
  <div className="list">
  <h4>{a}</h4>
  <p>2월17일발행</p>
  </div>
  )
})
}

저기서 function안의a는 array안에 있던 데이터다.

저렇게하면 다양하게 순환될것이다.  

 

{
글제목.map(function(a,i){
  return (
  <div className="list">
  <h4>{글제목[i]}</h4>
  <p>2월17일발행</p>
  </div>
  )
})
}

function의 i는 반복문 돌때마다 0부터 1씩 증가하는 정수이다.

그래서 i를 이용해서 저렇게 써도 위의 것과 같게 나타난다.