How To Send Array of Object using FormData() From React Js To Nodejs, MongoDB?

Question

State is like

state = {
courseTitle: "",
courseImage: "",
duration: "",
overView: "",
syllabus: [
  {
    title: "",
    description: "",
  },
 ],
};

And I'm submitting data using FormData() because i have image too

handleSubmit = (e) => {
e.preventDefault();
const fd = new FormData();
fd.append("courseTitle", this.state.courseTitle);
fd.append("courseImage", this.state.courseImage);
fd.append("duration", this.state.duration);
fd.append("overView", this.state.overView);
fd.append("syllabus", this.state.syllabus);

this.props.addCourse(fd);
};

Everythings is fine except syllabus because it is in array, FormData send a value of syllabus,

syllabus:[object object]

Please Can anyone help me on how to send Array Data with the above state format, I'm using react and redux for backend nodejs, express and mongodb

malong11 · Accepted Answer · 2020-12-07 06:12:03Z

3

Easiest way i am aware of is to stringify the array and append. then parse on the backend.

// On frontend
fd.append("syllabus", JSON.stringify(this.state.syllabus));

// On backend
JSON.parse(syllabus)

answered Dec 7, 2020 at 6:12

malong11

6783 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

H S · Accepted Answer · 2020-12-07 06:06:54Z

2

One way could be to send (and aptly change the server-code or else check for the valid request spec with api documentation) values passed through JSON.stringify. In your example append the syllabus as fd.append("syllabus", JSON.stringify(this.state.syllabus)).

answered Dec 7, 2020 at 6:06

H S

7354 silver badges12 bronze badges

Collectives™ on Stack Overflow

How To Send Array of Object using FormData() From React Js To Nodejs, MongoDB?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related