如何在 React/JavaScript 中将键值对迭代到 FormData Append

Question

I have a lot of key value pairs that i need to append to FormData(). So i want it to iterate so i wont retype it again and again

Object

values: { username: 'johndoe', password: 123, contact_no: '18323223', place: 'LA' }

Component code

 onSubmit: (values) => {
      dispatch(signUp(values)).then((response) => {
        alert('Success');
      });
    },

API Code

export function signUpAPI(values) {
  let formData = new FormData();
  Object.keys(values).forEach((fieldName) => {
    console.log(fieldName, values);
    formData.append(fieldName, values);
  });
}

Answer 1

You seem to be inches away from getting your code to work as you are already iterating over the key names, so you would need to do something, like:

export function signUpAPI(inputData) {
  let formData = new FormData();
  Object.keys(inputData).forEach(fieldName => {
    console.log(fieldName, inputData[fieldName]);
    formData.append(fieldName, inputData[fieldName]);
  })
  return formData
}

Answer 2

When I have key and value I like to use Object.entries:

export function signUpAPI(values) {
  let formData = new FormData();
  for (const [key, value] of Object.entries(values) {
    console.log(key, value);
    formData.append(key, value);
  });
}