React js and axios POST request sends empty array

Question

When I try to post to the other server using axios it first sends OPTIONS request then POST. When I check network connection it sends object with fields I wanted just the this.state.array is empty.

It's weird beacuse when I debug it just before sending it is not empty?

var someProperty="value";

const objectToSend = {
  content: this.state.myArray,
  prop1: someProperty,
  abc:'3456'
};

console.log('user obj------->',objectToSend); //  everything is fine { content: Array(0), prop1: 'value', abc:'3456'}

  axios.post('http://server:8544/api/post', objectToSend)
          .then(function (response) {

            }) //  it sends { content: [], prop1: someProperty, abc:'3456'}

//method which updates state of array(or key value pair to be precise)

  processAnswer(q, a) {

var key = q;
var val = a;

this.state.myArray['\"'+key+'\"'] = val;

}

Please share where you're updating your state. This would be helpful — Sakhi Mansoor
– Sakhi Mansoor, Commented Sep 7, 2018 at 13:46
Is the POST request going or is it stopping after OPTIONS request? — Midhun G S
– Midhun G S, Commented Sep 7, 2018 at 13:48
Child components receive method from main class an then they send those changes back to the method which is located in the same class where post occurs it's called processAnswer @MithunGS Post goes on and gets 200 back , other values except array are set succesfully — Mark O
– Mark O, Commented Sep 7, 2018 at 14:16

Mark O · Accepted Answer · 2018-09-10 09:16:03Z

2

Solved

myArray was defined as array under state myArray : []

problem was that axios didn't recognize that and although state of myArray before post was ["key":"value","key2":"val2"] after submiting it would be sent like this myArray : []

So I changed initial state to myArray : {} and now it sends key-value object {"key":"value","key2":"val2"} instead of array and everything works fine

answered Sep 10, 2018 at 9:16

Mark O

1,18710 silver badges13 bronze badges

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

Collectives™ on Stack Overflow

React js and axios POST request sends empty array

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