Winterest / 들어온 일부 데이터 값 변경시켜 저장하기

필요 데이터 값을 바꾸는 방법

...

const giveRandomHeight = pins => {
  const result = pins.message.map(pin => {
    pin.image_height += randomHeight();
    return pin;
  });
  return result;
};

...

const getImages = url => {
  fetch( url, {
    headers: { Authorization: API.token },
  })
    .then(res => res.json())
    .then(pinsData => {
      setPins(prevPins => {
        if (prevPins === []) {
          return giveRandomHeight(pinsData);
        } else {
          return [...prevPins, ...giveRandomHeight(pinsData)];
        }
      });
    })
};

...

.map() 매서드를 이용하여 fetching하여 받은 데이터의 일부 높이 값을 수정하여 pins에 저장하여 사용하였다.

Resource