[Dev Log] 20210929 / 유다희

브랜치 : featues/about2

## **기억하기**

## 1. 첫번째 데이터 받은 값을 쿼리로 붙여서 두번째 요청 보내기

받아온 데이터가 이런 형식을 가질때 [{...},{...}...]

```jsx
useEffect(() => {
if (review) {
//getAllReviews(setReviewData);
axios
.get("https://localhost:5000/admin/review")
.then((res1) => {
let firstData = res1.data.data;
setReviewData(firstData);
const revData = res1.data.data.map((el) => {
return JSON.parse(el.exhibition_id);
});
//전시회 pid만 배열로 만들어서 ["34", "34", "39", "33", "38"] 이런형태를 쿼리로 보내야함
//쿼리 이름 exhibitionPk로 지정해서 보내기
axios
.get(
`https://localhost:5000/admin/review-exhibition-info?exhibitionPk=${JSON.stringify(
revData
)}`
)
.then((res2) => {
const secondData = res2.data.data;
setRevExData(secondData);
});
})
.catch((err) => console.log(err));
}
return () => {};
}, [review]);
```

### (참고) delete메소드는 body값을 가지지 않는다.

## 2. 무한스크롤 시도 -> 되긴하는데 ... 요청이 계속 간다

```
const [productList, setProductList] = useState([]);
const [items, setItems] = useState(10);
const [preItems, setPreItems] = useState(0);

useEffect(() => {
getinfiniteData(setProductList, preItems, items, productList);

window.addEventListener("scroll", infiniteScroll, true);
}, [items]);

const infiniteScroll = () => {
let scrollHeight = Math.max(
document.documentElement.scrollHeight,
document.body.scrollHeight
);
let scrollTop = Math.max(
document.documentElement.scrollTop,
document.body.scrollTop
);
let clientHeight = document.documentElement.clientHeight;

if (scrollTop + clientHeight >= scrollHeight) {
setPreItems(items);
setItems(items + 10);
}
};
```