How can I store previous values instead of storing the value in array of objects in react state

Question

I am storing the prev values in an array of objects, for example [{ActFollow: 'BlN'},{ActSendGift: 'BlY'},{ActSubscribe: 'BlY'}] I want to store the key and values in an object like this {ActFollow: 'BlN',ActSendGift: 'BlY', ActSubscribe: 'BlY'}

  const [activityTypes, setActivityTypes] = useState<any>([]); // state
 .then((response: any) => {
            setActivityTypes((oldArray: any) => [
              ...oldArray,
              {[item.channelSettingTypeId]: response.settingValue},
            ]);
          });

You want to store each object from array of objects in single object ? — Muhammad Atif Akram
– Muhammad Atif Akram, Commented Jun 12, 2022 at 7:08
@Jerin Just added answer. Please check that. Its pretty simple — Muhammad Atif Akram
– Muhammad Atif Akram, Commented Jun 12, 2022 at 7:18

KcH · Accepted Answer · 2022-06-12 07:16:32Z

1

How about this, if the nesting is only one level deep

const data = [{ActFollow: 'BlN',ActSendGift: 'BlY', ActSubscribe: 'BlY'}]

console.log([{...data[0],"hey" : "world"}])

answered Jun 12, 2022 at 7:16

KcH

3,5224 gold badges28 silver badges61 bronze badges

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

Comments

Muhammad Atif Akram · Accepted Answer · 2022-06-12 07:17:20Z

1

const items = [{ActFollow: 'BlN'},{ActSendGift: 'BlY'},{ActSubscribe: 'BlY'}]

let object = {}
items.forEach(item=>{
  for (const [key, value] of Object.entries(item)) {
    object = {
      ...object,
      [key]: value
    }
  }
})
console.log(object)

You can use this simple idea in React also. Just hold on the default empty object in state and update the object.

answered Jun 12, 2022 at 7:17

Muhammad Atif Akram

1,3351 gold badge6 silver badges12 bronze badges

Comments

Som Shekhar Mukherjee · Accepted Answer · 2022-06-12 07:18:28Z

1

You can reduce the array of objects into an object.

You can do it by spreading (...) the current object into the resultant object, as shown below:

const 
  arrOfObjs = [{ ActFollow: "BlN" }, { ActSendGift: "BlY" }, { ActSubscribe: "BlY" }],
  obj = arrOfObjs.reduce((res, o) => ({ ...res, ...o }), {});

console.log(obj);

You can also do it using Object.assign, as shown below:

const 
  arrOfObjs = [{ ActFollow: "BlN" }, { ActSendGift: "BlY" }, { ActSubscribe: "BlY" }],
  obj = arrOfObjs.reduce((res, o) => Object.assign(res, o), {});

console.log(obj);

edited Jun 12, 2022 at 7:18

answered Jun 12, 2022 at 7:12

Som Shekhar Mukherjee

8,1982 gold badges16 silver badges34 bronze badges

Comments

Anurag Tripathi · Accepted Answer · 2022-06-12 07:50:12Z

0

Use Spread Operator

const items = [{ActFollow: 'BlN', Anurag: 26},{ActSendGift: 'BlY'},{ActSubscribe: 'BlY'}]
    let obj ={}
    items.forEach((item) => {
      obj = {
        ...obj,
        ...item
        }
      })
    console.log(obj)

answered Jun 12, 2022 at 7:50

Anurag Tripathi

1,1241 gold badge13 silver badges15 bronze badges

Collectives™ on Stack Overflow

How can I store previous values instead of storing the value in array of objects in react state

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related