[React] map : 많은 div들을 반복문으로 줄이고 싶은 충동이 들 때

Lee Tae-Sung·2021년 10월 26일
0

React.js

목록 보기
8/26

중괄호 안에 바로 for문 못 쓴다.

map() 함수를 써야한다.
=> js 문법의 하나하나에 적용해 새로운 어레이를 출력해내는 함수
=> 괴상 망측하다

a 인자는 앞의 글제목의 하나하나의 어레이들을 받아낸다.

      {
        글제목.map((a)=>{
          return(
          <div className="list">
            <h3>{ a }<span onClick={ ()=>{ 따봉변경(따봉 + 1)} }>👕</span> {따봉}</h3>
            <p>217일 발행</p>
            <hr />
          </div>
          )
        })
      }

일명 반복적인 출력을 해야할 때 리액트에서 하는 방법

뷰랑 굉장히 차이가 많이 난다.

확실히 어려운 느낌은 있는데

또 바닐라js랑은 가장 가까운 느낌

profile
긍정적인 에너지를 가진 개발자, 이태성입니다.

0개의 댓글