dipro-vn
dipro-vn/dipro-ai-boost
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
직접 명령은 검토 Prompt를 거치지 않습니다. 실행하기 전에 소스를 확인하세요.
npx skills add https://github.com/dipro-vn/dipro-ai-boost --skill form-form-state명령은 한 줄로 유지됩니다. 복사하기 전에 가로로 스크롤해 전체 내용을 확인하세요.
로컬 사본을 원하시나요? SkillsMP에서 현재 제공할 수 있는 파일을 다운로드하세요.
SKILL.md 표시 중
SOC 직업 분류 기준
| name | form-form-state |
| description | null |
Category: form · Status: 🟢 Active
Khi quản lý trạng thái form: dirty/touched/isSubmitting, default values, reset.
defaultValues đầy đủ để field controlled từ đầu.formState.isDirty để bật/tắt nút Save, cảnh báo rời trang khi dirty.isSubmitting để tránh double submit.reset(data) để set lại default + clear dirty.isValid/touchedFields để hiện lỗi đúng lúc (sau khi chạm).const { reset, formState: { isDirty, isSubmitting } } = useForm({ defaultValues });
useEffect(() => { if (data) reset(data); }, [data, reset]);
<button type="submit" disabled={!isDirty || isSubmitting}>
{isSubmitting ? 'Đang lưu...' : 'Lưu'}
</button>
Good: reset(data) sau fetch, disable theo isDirty/isSubmitting. Avoid: defaultValues thiếu (uncontrolled→controlled warning), không reset sau load.