React Array spread some common data for all objects

Question

I am learning React and came across a slightly tricky problem for my level. From my API call I get a response which is an array of objects. I want to submit data add some object data . To get the idea of how the response looks, this is an example (it is array of JSON) some data want to spread in array object data {school:"test",schoolId:"2"}

Response

data = [
  {0: {name: "tom"}},
  {1: {name: "Pope"}},
  {2: {name: "jack"}}
 ];


Response to want send like
data = [
   {
name: "tom",
school :"testing",
schoolId:"2"
},
   {
name: "Pope",
school :"testing",
schoolId:"2"},
   {
name: "jack",
school :"testing",
schoolId:"2"}
 ];

Just use .map on your data.. data.map(item => ({...wrapper, item})) where wrapper = { school: 'testing'. schoolOd: 2} — AdityaParab
– AdityaParab, Commented Jul 20, 2021 at 15:32

AdityaParab · Accepted Answer · 2021-07-20 15:37:03Z

2

Use .map on your original array..

Define your object which you want to merge (eg: wrapper) and so a simple spread on it inside .map

const data = [
  {name: "tom"},
  {name: "Pope"},
  {name: "jack"}
];

const wrapper = {
  school: 'testing',
  schoolId: 2
};

const result = data.map(item => ({...wrapper, ...item}));

console.log(result);

/*
[
  { school: 'testing', schoolId: 2, name: 'tom' },
  { school: 'testing', schoolId: 2, name: 'Pope' },
  { school: 'testing', schoolId: 2, name: 'jack' }
]
*/

Live version

answered Jul 20, 2021 at 15:37

AdityaParab

7,1003 gold badges30 silver badges40 bronze badges

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

Collectives™ on Stack Overflow

React Array spread some common data for all objects

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