How to write function without using async/await?

Question

I have the function below from: https://github.com/anaida07/MEVN-boilerplate/blob/master/client/src/components/EditPost.vue

methods: {
  async getPost () {
    const response = await PostsService.getPost({
      id: this.$route.params.id
    })
    this.title = response.data.title
    this.description = response.data.description
  // this.$router.push({ name: 'Posts' })
},

I am learning about MEVN. I wanted to know if there was anyway to write the same function without using async/await. I currently have come up with the following:

methods: {
  getPost () {
    const response = PostsService
    .getPost({
      id: this.$route.params.id
    })
    this.title = response.data.title
    this.description = response.data.description

   //this.$router.push({ name: 'Posts' })
},

But I am getting an error in my console log saying: Error in mounted hook: "TypeError: response.data is undefined". Any help would be greatly appreciated.

Is the a reason why you don't want async-await syntax?

Cisco
– Cisco

2018-06-25 20:58:31 +00:00
Commented Jun 25, 2018 at 20:58 — Cisco
– Cisco, Commented Jun 25, 2018 at 20:58
it doesn't work with my version of webpack for some reason

bpp
– bpp

2018-06-27 19:19:54 +00:00
Commented Jun 27, 2018 at 19:19 — bpp
– bpp, Commented Jun 27, 2018 at 19:19

Jeff · Accepted Answer · 2018-06-25 20:43:43Z

1

It looks like PostsService extends axios, so you can use it as a promise:

methods: {
  getPost () {
    PostsService
      .getPost({
        id: this.$route.params.id
      })
      .then(({data}) => {
        this.title = data.title
        this.description = data.description
        this.$router.push({ name: 'Posts' })
      }

},

The reason for your error was that response = PostsService.getPosts() doesn't actually populate the response variable with the data. It has to run the query first, then you can access it in the callback in .then()

answered Jun 25, 2018 at 20:43

Jeff

25.3k4 gold badges73 silver badges79 bronze badges

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

2 Comments

grane2212 Over a year ago

I agree with Jeff. The response is undefined since the PostsService.getPost() is an asynchronous request and you will have to wait for it to resolve (or reject) before accessing the response contents. For the errors thrown by this request, you can just catch them using a catch() block after the then() case.

bpp Over a year ago

Thank you, this was a quick fix!

Collectives™ on Stack Overflow

How to write function without using async/await?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related