pass object from function

Question

I'm going to be able to retrieve the data by calling getTicket via listTicket

listTicket :

listTicket()
   {
     objectTicket = this.getTicket();
     objectTicket.map((userData)=>{
      alert(userData.id)
    })
}

getTicket Code:

async getTicket () {
      return await fetch('url', {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json',
          },
          body: JSON.stringify({
            uid: '1',
            type: '0'
          })
      })
        .then((response) => {return response.json()})
        .then((responseJson) => {
          return responseJson;
        })
        .catch((error) => {
          alert(error);
        });
    }

I get this error:

typeerror objectTicket.map is not a function

In order to use map, objectTicket should be an array. But unfortunately you have object instead of array. — Vishal
– Vishal, Commented Aug 27, 2018 at 13:22

Azamat Zorkanov · Accepted Answer · 2018-08-27 13:24:45Z

2

From getTicket method you're getting Promise, so you should to subscribe to it:

listTicket() {
     objectTicket = this.getTicket();
     objectTicket.then((res) => { 
       res.map((userData)=> {
          alert(userData.id)
       })
     })
}

answered Aug 27, 2018 at 13:24

Azamat Zorkanov

8191 gold badge5 silver badges9 bronze badges

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

1 Comment

codex Over a year ago

thanks, i replaced alert(userData.id) with view but i get error invariant violation, object are not valid, please help

wogsland · Accepted Answer · 2018-08-27 13:23:56Z

1

The issue here is that getTicket() is a function that returns a Promise whereas map is defined on arrays.

answered Aug 27, 2018 at 13:23

wogsland

9,53121 gold badges63 silver badges99 bronze badges

Comments

Maciej Wojsław · Accepted Answer · 2018-08-27 13:24:49Z

1

As getTicket is returning a Promise listTicket method should be also async.

async listTicket() {
   objectTicket = await this.getTicket();
   objectTicket.map((userData)=> {
      alert(userData.id)
   });
}

answered Aug 27, 2018 at 13:24

Maciej Wojsław

4032 silver badges10 bronze badges

3 Comments

codex Over a year ago

thanks, i replaced alert(userData.id) with view but i get error invariant violation, object are not valid, please help

Maciej Wojsław Over a year ago

I don't get your question. Could you paste your code here or deploy your code somewhere, let say on jsfiddle or some similar site. What is it 'view' ?

codex Over a year ago

I added a new post. please guide me

Mohammed Ashfaq · Accepted Answer · 2018-08-27 17:03:44Z

0

An async function returns a promise and resolves with the return value of the function.

So, when you are calling the listTicket function. the listTicket function is returning the promise Object along with the return value{VIEW} and that is creating the problem.

To solve the problem you should set the objectTicket value to a state variable and loop over state variable.

answered Aug 27, 2018 at 17:03

Mohammed Ashfaq

3,4262 gold badges19 silver badges24 bronze badges

Collectives™ on Stack Overflow

pass object from function

4 Answers 4

1 Comment

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related