---
title: "Discussion on \"React | When to Use FormData in React\" | Hashnode"
description: "Discussion on \"React | When to Use FormData in React\". Quick notes on when to use FormData vs just using React state.\n✅ Use FormData when...\n1. Uploading files (e.g. images)\nFiles can’t be sent via JSON.stringify()FormData handles multipart/form-data for you\nconst handleSubmit = (e) => {\n  e.preventDefau..."
url: "https://hashnode.com/posts/react-when-to-use-formdata-in-react/68752249202d820330ff1271"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [React | When to Use FormData in React](https://val-codeops.hashnode.dev/react-when-to-use-formdata-in-react?utm_source=hashnode&utm_medium=feed)

Quick notes on when to use FormData vs just using React state. ✅ Use FormData when... 1. Uploading files (e.g. images) Files can’t be sent via JSON.stringify()FormData handles multipart/form-data for you const handleSubmit = (e) => { e.preventDefau...

Jul 14, 2025 · 2 min read · val-codeops.hashnode.dev  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#formdata](https://hashnode.com/tag/formdata)
-   [#frontend-development](https://hashnode.com/tag/frontend-development)
-   [#file-upload](https://hashnode.com/tag/file-upload)
-   [#javascript](https://hashnode.com/tag/javascript)
-   [#notes](https://hashnode.com/tag/notes)
-   [#beginners](https://hashnode.com/tag/beginners)

## Written by

[Valencia Miyeon Jang](https://hashnode.com/@valencia23)

@valencia23 · Cambridge, United Kingdom

  
[View profile](https://hashnode.com/@valencia23)

Frontend dev, sharing my journey

Front-end developer with a background in Korean language QA and education. Experienced in localisation testing, cross-functional teamwork, and user-focused development. I enjoy crafting intuitive web experiences with React, Next.js, and TypeScript — always learning, always building.

## Responses 1

Markdown supported · ⌘↵ to post

[Alexis Pineda](https://hashnode.com/@lexpeee)

[Jul 14, 2025](https://hashnode.com/posts/react-when-to-use-formdata-in-react/68752249202d820330ff1271/comment/68753c54840f3b58832bc0e7)

Very nice! I do use react-hook-form for forms that are a bit large. Formik can be an option too.

[Valencia Miyeon Jang](https://hashnode.com/@valencia23)

[Jul 19, 2025](https://hashnode.com/posts/react-when-to-use-formdata-in-react/68752249202d820330ff1271/comment/68753c54840f3b58832bc0e7#reply-687b6ae7e6724aaed7c3548b)

That's a great library too! Thanks for the tip ;)