How to add value in object array inside other object array in React Native?

Question

I'm new in React native and I want to add value inside object array inside another object array. I have data like this :

dataAttribute: [
        {
          id: 1,
          title: 'A',
          data: [
            { id: '1', name: 'First Name', type: 'text' },
            { id: '2', name: 'Last Name', type: 'text' },
          ],
        },
        {
          id: 2,
          title: 'B',
          data: [
            { id: '1', name: 'Twitter', type: 'text' },
            { id: '2', name: 'Twitter follower', type: 'number' },
          ],
        }
      ]

and i want add params 'statusSelected == true' inside child array like this:

dataAttribute: [
        {
          id: 1,
          title: 'A',
          data: [
            { id: '1', name: 'First Name', type: 'text', statusSelected: true},
            { id: '2', name: 'Last Name', type: 'text' },
          ],
        },
        {
          id: 2,
          title: 'B',
          data: [
            { id: '1', name: 'Twitter', type: 'text' },
            { id: '2', name: 'Twitter follower', type: 'number' },
          ],
        }
      ]

QuokMoon · Accepted Answer · 2018-10-30 05:00:47Z

try this

dataAttribute = [
    {
      id: 1,
      title: 'A',
      data: [
        { id: '1', name: 'First Name', type: 'text' },
        { id: '2', name: 'Last Name', type: 'text' },
      ],
    },
    {
      id: 2,
      title: 'B',
      data: [
        { id: '1', name: 'Twitter', type: 'text' },
        { id: '2', name: 'Twitter follower', type: 'number' },
      ],
    }
  ]

const changeMe = (dataAttribute, attrId, dataId) => dataAttribute.map(x => x.id === attrId ? {...x, data: x.data.map(y => y.id === dataId ? {...y, statusSelected: true} : y)} : x)

console.log(changeMe(dataAttribute, 1, "1"))

output:

[ { "id": 1, "title": "A", "data": [ { "id": "1", "name": "First Name", "type": "text", "statusSelected": true }, { "id": "2", "name": "Last Name", "type": "text" } ] }, { "id": 2, "title": "B", "data": [ { "id": "1", "name": "Twitter", "type": "text" }, { "id": "2", "name": "Twitter follower", "type": "number" } ] }

Attached JsFiddle for result.

chrisbot · Accepted Answer · 2018-10-30 03:29:10Z

2

You can map over the array until you find the element where you want to add the extra data. Assuming you know the id and sub id where you want to add the info:

const updatedDataAttribute = dataAttribute.map((item) => {
  if (item.id === <desired item id>) {
    return {
      ...item,
      data: item.data.map((datum) => {
        if (datum.id === <desired sub item id>) {
          return {
            ...datum,
            statusSelected: true,
          }                
        }

        return datum
      }),
    }
  }

  return item
})

edited Oct 30, 2018 at 3:29

answered Oct 30, 2018 at 2:13

chrisbot

3603 silver badges11 bronze badges

Comments

Dacre Denny · Accepted Answer · 2018-10-30 02:13:42Z

A simple way to achieve this is to simply mutate the object, by defining the statusSelected attribute as true on the first item of the data array.

So, suppose you have dataAttribute defined in an object like so:

  var object = {
    dataAttribute: [
    {
      id: 1,
      title: 'A',
      data: [
        { id: '1', name: 'First Name', type: 'text' },
        { id: '2', name: 'Last Name', type: 'text' },
      ],
    },
    {
      id: 2,
      title: 'B',
      data: [
        { id: '1', name: 'Twitter', type: 'text' },
        { id: '2', name: 'Twitter follower', type: 'number' },
      ],
    }
  ]
  }

   // add statusSelected to the first item of the nested data array
   object.dataAttribute[0].data[0].statusSelected = true;

This will produce the updated object that you need.

Collectives™ on Stack Overflow

How to add value in object array inside other object array in React Native?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related