How to post Array of data for FormData using react-native

Question

i'm trying to send list of data using form_data in react-native , but it is posting first data only , how to achieve that in react native ,

My Data ,

var data = ["person_1","person_2","person_3"];

My Code ,

export function updateUsers(data,token) {
  const fd = new FormData();
  fd.append('first_name', data); // here i need to update all the data
  
  return dispatch => {
                 axios({
                   method : 'patch',
                   url : SERVICE.url+"user/"+un+"/",
                   headers: {
                     'Authorization' : "Token "+token,
                  },
                   data : fd
                })
                .then(response => {
                     console.log("updateUser done  . . .");
                     var data = response.data;
                     dispatch({
                       type: "UPDATE_USER",
                       data,
                     });
                   }).catch(error => {
                     console.log("got error in UPDATE_USER ", error);
                   });
          }
}

but for now , only one data is updated at a time , so how can i achieve that .help me from this .

You have data as an array, so do you want for each item in array send a request? — Nurlan Mirzayev
– Nurlan Mirzayev, Commented Oct 16, 2017 at 20:24
Did you try convert object to string? Connection between backend and frontend should be on string. Try data: JSON.stringify(fd) — Nurlan Mirzayev
– Nurlan Mirzayev, Commented Oct 16, 2017 at 20:46

Ram Raut · Accepted Answer · 2018-10-04 06:06:30Z

4

You should loop through each of your data and append it into your formdata's first_name field.

data.forEach((item) => {
   fd.append('first_name', item)
})

The remaining code will be same.

answered Oct 4, 2018 at 6:06

Ram Raut

715 bronze badges

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

Collectives™ on Stack Overflow

How to post Array of data for FormData using react-native

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related