메인 프로젝트에 타입스크립트를 적용하는 중이다.
아직 애니를 버리지는 못했지만...ㅠㅠ
다양한 에러를 접하고 공식문서도 들어가보고 하면서 감을 잡고있다.
아니 사실 감을 못잡았다...ㅠ휴
명절에 타입스크립트 강의 몰아봐야겠당... 누워서라도 봐라 약속하자 나자신
또 다른 에러를 접했는데 어레이 메서드에 에러가 떴다.
const Pagination = ({ total, limit, page, setPage }) => {
const numPages = Math.ceil(total / limit);
return (
<>
{numPages > 1 ? (
<ContentLayout>
<Style.Pages>
<Style.Page onClick={() => setPage(page - 1)} disabled={page === 1}>
<FontAwesomeIcon icon={faChevronLeft} />
</Style.Page>
{Array(numPages)
.fill()
.map((_, i) => (
<Style.Page
key={i + 1}
onClick={() => setPage(i + 1)}
className={i + 1 === page ? 'active' : null}
>
{i + 1}
</Style.Page>
))}
<Style.Page
onClick={() => setPage(page + 1)}
disabled={page === numPages}
>
<FontAwesomeIcon icon={faChevronRight} />
</Style.Page>
</Style.Pages>
</ContentLayout>
) : null}
</>
);
};
에러넘버로 타입스크립트 깃허브 이슈를 찾아봤는데 딱히 해결방안이 보이지 않는 것 같다. 내가 잘 못찾는거같음.
갓택오버플로를 보니 무엇으로 fill할지 인자를 넣어주면 되는 것 같다.
fill(undefined) 하니 바로 해결되었다.