[React] React 19에서의 폼 처리 방식: Form Action, useActionState, useFormStatus, useOptimistic
·
Programming/React
이 글은 Udemy의 【한글자막】 React 완벽 가이드 2025 with React Router & Redux 를 수강하고 정리한 내용입니다.📌 Form Action이란?React 19에서는 처럼 action 속성에 함수를 전달할 수 있습니다. 이때 React는 다음과 같은 동작을 자동으로 수행합니다:preventDefault() 자동 호출 → 직접 막을 필요 없음FormData 객체를 해당 함수에 인자로 전달, 등에 설정된 name 속성을 기반으로 FormData 구성제출이 완료되면 자동으로 폼 초기화 Submit주의: 모든 입력 요소에는 반드시 name 속성을 지정해야 합니다. 그래야 FormData에 포함됩니다. 📌 useActionState 훅useActionState는 폼의 상태와 ..