
기기 설치 정보에서 초기화를 클릭 시
<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를 제외하고 초기화 할 수 있도록 설정해주었다.
그런 다음 적용해보니 제대로 작동이 되었다.