반응형
여러개의 Input 태그 안에 값을 입력 후 저장 시 이를 반영하기 위해서 기존에 등록된 값과 비교 후 기존에 등록되지 않은 부분만 추가하는 로직을 구현했는데
for문 안에 기존 등록된 값이 있는지 검사하는 조건문을 넣었는데 조건을 아무리 디버깅하며 확인해 보아도 for문을 수행하지 않을 이유가 없는데 단번에 순차적으로 조건 검사를 하지 않고 그냥 탈출해 버린다.
정말 복잡하지 않은 방식으로 구현을 하고 기능들을 만들고 있음에도 어느 기능 하나 쉽게 만들어지는게 없다.
아직 리액트를 깊게 알지 못해 그런거겠지만,
계속 부딪혀 보는 수밖에 ?
문제가 되었던 코드는
for(let i = 0; i < 전체 input 값들의 배열.length; i++) {
if(!기존 등록된 값 배열.includes(전체 Input 값들의 배열[i].value) {
...
새로 등록한 아이템 추가하는 API 호출 로직
...
}else{
// 분명 for문을 순차적으로 돌면 위 조건에 걸려야 함에도 걸리지 않고 여기로 빠짐
새로 추가된 값들이 없어 등록할 값이 없다는 Toast 출력 부분
}
}
대략 위와 같다. 하... 뭐가 잘못된 걸까?
왠지 엄청 어이없거나 간단한 부분일 것 같은데 지금은 도저히 내 눈에 잘못된 부분이 보이지 않는다.
언제나 그렇듯 해결한 기록은 해결하는대로 다시 이어 적기로.
반응형
'React' 카테고리의 다른 글
로그인 그리고 그에 관련된 보안 이슈 (0) | 2023.12.01 |
---|---|
Reactstrap Modal에서 autoFocus 설정 주의! (2) | 2023.11.03 |
Modal이 Mouse Focus에 따라 사라지는 현상 - 해결 👌 (0) | 2023.02.12 |
공공 API 호출 중 발생한 Axios 500 Error (0) | 2023.02.08 |
Element 내부의 Element 정렬 (0) | 2023.01.16 |