[ JavaScript ] 정규식에 맞지 않으면 빈 값으로 데이터 초기화 하려는 데 0으로 보이는 현상 (edit box)

 

횟수가 1~100 범위에 들어가지 않으면 빈값으로 초기화하려고 한다.

 

 

if (!new RegExp(/^(?:[1-9]|[1-9][0-9]|100)$/).test(params.newValue)) {
                dispatch({
                    type: SNACKBAR_OPEN,
                    message: '1~100 사이 숫자만 입력가능합니다.',
                    alertSeverity: 'warning'
                });
                return params.oldValue;
            }
            return params.newValue;

그리드에서는 valueParser을 이용해서 이렇게 코딩하면 전값으로 돌아간다. 

 

 

edit box는 그런 기능이 없는 것 같으므로.. 그냥 빈 값으로 초기화해주려고 한다. 

if (!new RegExp(/^(?:[1-9]|[1-9][0-9]|100)$/).test(values.value)) {
                dispatch({
                    type: SNACKBAR_OPEN,
                    message: '1~100 사이 숫자만 입력가능합니다.',
                    alertSeverity: 'warning'
                });
                const eventInfo2 = JSON.parse(`{"count":""}`);
                list[index] = { ...resultInfo[index], ...eventInfo, ...eventInfo2 };
            }
            else {
                list[index] = { ...resultInfo[index], ...eventInfo };
            }

근데 0을 입력하면 빈값이 아니라 계속 0으로 남아있는 것이다..

 

 

챗지피티한테 물어보니까,

문제가 발생하는 경우는, values.value 변수의 값이 문자열인 상태에서 JSON.parse() 함수를 사용하여 빈 문자열을 가지는 객체를 생성하고, 이를 eventInfo2 변수에 할당하고 있다는 것입니다. 이후, eventInfo2 변수를 사용하여 list 배열의 요소를 업데이트하는데, 이때 retryCount 속성에 빈 문자열이 할당되어 0으로 변환될 가능성이 있습니다.

라고 했다. 

 

 

그래서 변경될 값을 '1'로 바꿔보니까 바뀌었다. 

빈값으로 넣으면 0으로 변환되는 게 맞다...