[포트폴리오-1] 댓글 부분 state 리팩토링, 무한스크롤 추가

리팩토링

before

after

contents는 onChange 이벤트에서 event 타입이 달라 묶지 못했습니다.

 

 

before

after

onChangeWriter 함수와 onChangePassword 함수를 onChangeInputs 함수 하나로 대체할 수 있게 되었습니다.

 

---

 

무한 스크롤 기능 추가

react-infinite-scroller 라이브러리를 사용해서 기능을 추가했습니다.

 

무한 스크롤

 

 

useQuery에서 제공하는 fetchMore 함수를 사용,

 

 

무한 스크롤 컴포넌트의 loadMore 함수를 구현했습니다.

fetchMoreResult의 타입 에러가 발생하는데, 아직 해결하지 못했습니다.

prev의 타입과 같아야 한다고 생각하는데, fetchMoreResult가 중괄호 안에 위치하는 property라 뭔가 문제가 발생하는 것 같습니다.