- React 19의 새로운 Hook인
useActionState
를 배우고 효과적으로 사용하는 방법을 설명합니다. 🎣 - 주로 양방향(클라이언트 및 서버) 환경에서의 폼 처리에 사용됩니다. 🖥️
useActionState
는useState
와 유사한 문법을 가지며, 비동기 함수(action)와 초기 상태값을 인자로 받습니다. 🔄- Next.js 환경에서 예시를 보여주지만, 순수 React 환경에서도 사용 가능합니다. 🌎
- action 함수는 이전 상태와 FormData를 인자로 받아 새로운 상태를 반환합니다. ➡️