티스토리 뷰

📁Frontend/📘React

[React] Map함수

Hoon2 2022. 7. 26. 19:36
728x90

기능 

  • 기능 1. array에 들어있는 자료갯수만큼 그 안에 있는 코드를 반복실행
  •  콜백함수에 파라미터 아무렇게나 작명하면, 그 파라미터는 어레이 안에 있던 모든 자료를 하나씩 출력
  • eturn 오른쪽에 뭐 적으면 array로 담아줌
function App (){
  return (
    <div>
      (생략)
      { 
        글제목.map(function(a, i){
          return (
          <div className="list">
            <h4 onClick={()=>{ 따봉변경(따봉+1) }}>{ 글제목[i] }</h4>
            <p>2월 18일 발행</p>
          </div> )
        }) 
      }
    </div>
  )
}

//반복한 html에 key={i} 속성 추가해야 됨
<div className="list" key={i}>
728x90

'📁Frontend > 📘React' 카테고리의 다른 글

[React] Redux?  (0) 2022.07.29
[React] onChange  (0) 2022.07.26
[React] 모달창(삼항 연산자)  (0) 2022.07.26
[React] State, Props  (0) 2022.07.26
[트러블 슈팅] Received `false` for a non-boolean attribute `check`.  (0) 2022.07.26
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2025/09   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함