how to convert an array to a array of objects with additional information in react using map when doing a POST api request

Question

I'm new with react and I'm stuck at a problem, kindly help me. array looks like this: surveyors=[jj,kk]

The length of array can be variable i.e.there can be more values. what i want to send in post api is:

data:[
   { 
    name:"kk",
    is_active:True,
    company:26
    },
    {
    name: "jj",
    is_active:True,
    company:26
    }
 ]

I'm using postapi like this:

  const postURL = moduleURL("url");
      requests({
        method: "post",
        url: postURL,
        data: [
          
          { 
    name:"kk",
    is_active:True,
    company:26
    },
    {
    name: "jj",
    is_active:True,
    company:26
    }
    
      ],
      })
        .then((response) => {
          console.log(response);
          
        })
        .catch((err) => console.log(err));
    }

if there was a fixed data i could do it but since the data in array surveyor is variable i cannot fix it. note- company here is the company id that i have stored in a variable and it will be same for every object in array and is_active will always be true.

Anup Das Gupta · Accepted Answer · 2022-06-07 14:35:24Z

2

var supervisor=["jj","kk"];
var result = supervisor.map(s => {return {name: s, is_active:true, company:26} });
console.log(result)

answered Jun 7, 2022 at 14:35

Anup Das Gupta

7711 gold badge7 silver badges24 bronze badges

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

Comments

Nahid Salekin · Accepted Answer · 2022-06-07 15:38:40Z

1

use map to create a new array of objects with extra attributes;

const supervisors = ["jj", "kk"];
const modifiedSupervisors = supervisors.map(item => ({name: item, is_active:true, company:26}));

now you can use this data in api call data: modifiedSupervisors,

answered Jun 7, 2022 at 15:38

Nahid Salekin

1268 bronze badges

Collectives™ on Stack Overflow

how to convert an array to a array of objects with additional information in react using map when doing a POST api request

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