오류_초기화 기능

김수현·2025년 3월 14일

Suhyeon's 개발일지

목록 보기
9/34

기기 설치 정보에서 초기화를 클릭 시

<ButtonGroup>
	<Button
		type={'button'}
		// color={'dark'}
		isOutline={true}
		onClick={() => {
			setIsMailCheck(false);
			formik.resetForm();
		}}>
		<span className='text-danger fw-bold'>{t('초기화')}</span>
	</Button>
</ButtonGroup>

imei와 serialnumber, 설치자이름은 기기의 정보를 받아와 정보가 입력되기 때문에 초기화가 되면 안 된다.
하지만, 위 코드를 보면 전체 value가 초기화가 되기 때문에 초기화 버튼 클릭 시 제대로 작동하지 않는다.

<ButtonGroup>
	<Button
		type={'button'}
		// color={'dark'}
		isOutline={true}
		onClick={() => {
			setIsMailCheck(false);
			formik.resetForm({
				values: {
				id: formik.values.id,
				IMEI: formik.values.IMEI,
				SerialNumber: formik.values.SerialNumber,
				installName: '',
				customerName: '',
				customerPhone: '',
				customerEmail: '',
				customerAddress: '',
				customerAddressDetail: '',
				acceptNumber: '',
				meterStartValue: 0,
				meterEndValue: 0,
				userId: formik.values.userId,
				gu: '',
				dong: '',
				lat: 0,
				lng: 0,
				},
				});
				formik.setTouched({});
		}}>
		<span className='text-danger fw-bold'>{t('초기화')}</span>
	</Button>
</ButtonGroup>

그래서 위 코드처럼 기기 정보의 value를 제외하고 초기화 할 수 있도록 설정해주었다.

그런 다음 적용해보니 제대로 작동이 되었다.

0개의 댓글