map 함수 질문드립니다.

[김범우]

선생님이 내주시는 숙제랑 알려주신방법으로 잘작동하지만 제코드랑 남의 코드를 비교하기위해 다른사이트에서 제코드를 올렸는데 다른방식으로 다른개발자님이 피드벡을 준코드가있는데

이해가안가서  질문드립니다

 

{title.map((a, i) => {
        return (
          <div className="list" key="a">
            <h3>
              글제목 : {a}
              <button
                onClick={() =>
                  Setlike((arr) =>
                    arr.map((el, idx) => (idx === i ? el + 1 : el))
                  )
                }
              >
                <span role="img" aria-label="good">
                  👍
                </span>
              </button>
              <button
                onClick={() =>
                  Setlike((arr) =>
                    arr.map((el, idx) => (idx === i ? el - 1 : el))
                  )
                }
              >
                <span role="img" aria-label="bad">
                  👎
                </span>
              </button>
              {like[i]}
            </h3>
            <p>2월 18일 발행</p>
            <hr />
          </div>
        );
      })}

 

button 에 Setlike 부분부터 이해가안갑니다 

보통 변수변경() 이렇게 사용했는데 위에코드는  arr 을 괄호에 넣고 에로우함수를사용해서

arr 에다가 다시 map 함수를썬느데 여기서 arr 은 Setlike 변경함수가 가지고있는 like 의 어레이를 담고있는 파라미터인가요 ? 

[codingapple]

state변경함수 안에 함수도 집어넣을 수 있는데

함수에 파라미터 넣으시면 그 파라미터는 기존 state 데이터를 뜻합니다 

그리고 변경할 새로운 state데이터를 함수 안에서 return 하시면 state 수정됩니다

 

함수 안에서 arr.map 반복문 돌려서

현재 i값과 같은 항목을 찾아서 +1 해주고 결과를 그 자리에 return 해달라는 뜻인듯요 

[김범우]

오 . . 감사드립니다 !

[글쓴이]

글