기존에 이렇게 설정된 react state의 타입은 any배열로 줬기때문에
컴파일 오류를 일으켰을때 문제가 생길 수 있다.
실제로 set 함수를 통해 직접적인 state에 변화를 주지 않아서 굳이 useState를 사용 할 필요가 없지만
추후 유지보수시에 리스트가 추가될 것을 염려하여 State로 관리 하였고,
또한 후에 서버에서 받아온 값으로 리스트업 될 수도 있을것이라는 생각이 들어서 리스트로 만들었다.
이런식으로 any배열 대신
ReactElement 배열로 타입을 주어서
다른 타입 int,string 등등 컴포넌트가 아닌 타입이 위치했을때
컴파일 에러를 만든다
- 컴파일 에러는 좋은 에러이다, 개발자가 조기에 에러를 파악하고 고칠 수 있기 때문
반응형
'FrontEnd > React' 카테고리의 다른 글
[React] 웹 에서 Toast를 띄워보기 (react-toastify) (0) | 2024.02.14 |
---|---|
[React] React-Query 의 status 종류 정리 (1) | 2023.12.20 |
[React] React 앱에서 firebase DB 조회 하기 CRUD (0) | 2023.10.24 |
SRT 자동 예매 프로그램 만들기 - 기술선점 ( React + Flask ) (1) | 2023.10.10 |