Add array to an object inside of an array in state

Question

So say I have an array like so:

this.state = {
  students: [{
      "company": "This", 
      "firstName": "Randy", 
      "id": "1", 
      "lastName": "Orton", 
    }, 
    {
      "company": "That", 
      "firstName": "Clark", 
      "id": "2", 
      "lastName": "Kent", 
    }]
}

I would like to add an array to the first object so it looks like this.

this.state = {
      students: [{
          "company": "This", 
          "firstName": "Randy", 
          "id": "1", 
          "lastName": "Orton", 
          "array" : []
        }, 
        {
          "company": "That", 
          "firstName": "Clark", 
          "id": "2", 
          "lastName": "Kent", 
        }]
    }

How can I go about doing that without messing with initial state but only update it?

Kindly first search thoroughly about what you're looking for before asking question. — Syed Kashan Ali
– Syed Kashan Ali, Commented Nov 22, 2018 at 6:20

Tân · Accepted Answer · 2018-11-22 06:28:10Z

2

You can try to use these following ways:

this.state.students[0].array = [];

this.state.students.find(x => x.company === 'This').array = [];

After getting the response from server, you can add array property to each student object immediately:

Example:

var obj = {};

$.ajax({
    type: 'POST',
    url: '/yourAPIUrl'
}).done(function (response) {
    obj.state = reponse;

    for (var student of obj.state.students) {
        student.array = [];
    }
});

edited Nov 22, 2018 at 6:28

answered Nov 22, 2018 at 6:14

Tân

1

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

4 Comments

Binny.H Over a year ago

Where will I set this state, as I'm setting up the initial state of students from an API call?

Tân Over a year ago

@Binny.H So, you meant: You want to get the response from server via using API that contains array property?

Binny.H Over a year ago

No, basically the initial state is being set from API call. Which I showed of example above. Then I want to add an empty array to each student object in that array so that I can push elements in that new array later.

Tân Over a year ago

@Binny.H I've updated the answer. Is it what you meant?

Collectives™ on Stack Overflow

Add array to an object inside of an array in state

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related