How to send data to an api having multiple Nested Arrays in react

Question

I have to send the modified data to an api which has json format as below:

{
"Customer": {
    "name": "ABC",
    "email": [email protected],
    "password": ""
},
"access": true,
"time": 2000
}

On save I want to set the respective state to api fields.

save=()=>{
    let newCustomer={
        access:this.state.access,
        time:this.state.time,
        name:      //How can i set the state values for name,email and 
                     password which is in nested form?
        email:
        password:

    }
     return axios.put('api',newCustomer)
     .then(response => {

    })
}

What’s the issue are you facing?

Hemadri Dasari
– Hemadri Dasari

2018-10-01 10:14:10 +00:00
Commented Oct 1, 2018 at 10:14 — Hemadri Dasari
– Hemadri Dasari, Commented Oct 1, 2018 at 10:14

Bukhari · Accepted Answer · 2018-10-01 10:12:19Z

1

You can directly declare it like your json format.

let newCustomer={
  access:this.state.access,
  time:this.state.time,
  Customer: {
    name: ..., // state name from your nested form
    email: ...,  // state email from your nested form
    password: ..., // state password from your nested form
  },
}

answered Oct 1, 2018 at 10:12

Bukhari

5023 silver badges16 bronze badges

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

2 Comments

Bukhari Over a year ago

You might could mark this as answer to help others to fix the same problem. :D @Pooja

Prox4 Over a year ago

I have marked it as useful.Since my reputation is not more than 15 it won't be displayed publicly but the votes will be considered @Bukhari

Malkhazi Dartsmelidze · Accepted Answer · 2018-10-01 10:19:58Z

0

        save=(Customer)=>{
            let newCustomer={
                ...Customer,
                access: this.state.access,
                time: this.state.time,
            }
            return axios.put('api', newCustomer)
            .then(response => {
                console.log(response);
            })
        }

Then newCustomer will be like Customer but access and time may be different. In backend you cann access customer name and email like you are accessing an array

answered Oct 1, 2018 at 10:19

Malkhazi Dartsmelidze

4,9924 gold badges20 silver badges44 bronze badges

Collectives™ on Stack Overflow

How to send data to an api having multiple Nested Arrays in react

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related