리액트 반복 출력 # map

리엑트 중괄호 안에서는 for 문 사용 불가 

 

map 함수 사용

< map 파라미터 안에는 함수 두개 사용 가능

첫번째 파라미터는 앞의 배열에서 가져올 값

두번째는 돌때마다 0부터 1씩 증가하는 정수 

>

 { // state 개수만큼 생성 
        // map 함수 안의 파라미터는 2개까지 
        title.map((a, i ) => {
          return (
            <div className="list">
              <h4>{ title[i] }</h4>  // { a }
              <p>2월 17일 발행</p>
            </div>)
        })
      }

 

따봉 개수 늘리기 

  let [like, likeFunction] = useState([0,0,0]);
  
  ...
  
  <span onClick={()=> {
                  let copy = [...like];
                  copy[i] = copy[i] + 1;
                  likeFunction(copy)  
                }}> 👍 </span>
                 {like[i]}