네트워크 환경 느릴때 처리
개발자도구 > 네트워크 > 저속 4G로 놓고 테스트
초기값이 [] 이므로, 배열 length가 0일때 Loading… 을 출력해보자
단어 추가시 통신중일때는 저장버튼 클릭하지 못하도록
- isLoading 상태 생성
- isLoading이 false일때(로딩중 아닐때) 단어 출력
- 단어 출력전에는 로딩중이므로 setIsLoading(true)해줌
- 단어 출력후에는 로딩완료이므로 setIsLoading(false)해줌
- 버튼은 로딩중일때는 Saving... 이라고 투명도 준 버튼으로 출력되도록 수정함
'React' 카테고리의 다른 글
| 코딩앙마 Reac공부 (PUT, DELETE, POST, useHistory) (0) | 2024.11.17 |
|---|---|
| 코딩앙마 React공부 (Custom Hooks) (0) | 2024.11.17 |
| 코딩앙마 React공부(useEffect, fetch()로 API 호출) (0) | 2024.11.17 |
| 코딩앙마 React공부(json-server, REST API) (1) | 2024.11.17 |
| 코딩앙마 React공부 (라우터 구현) (0) | 2024.11.17 |
