Attempting to execute a post request followed by a get request

Question

Attempting to execute a post request followed by a get request

I need assistance optimizing my code. What I am trying to achieve is to create a user (partner) and upon completion of the post request, fetch all partners from an API. This includes the newly created partner so that I can access their ID to use in subsequent parts of my code.

The PartnerName will be whatever value the user inputs into the form for posting here.

    await axios
      .post(newPartnerUrl, { Name: PartnerName }, options)
      .then(async () => {
        const partnersRes = await axios.get(getPartnersUrl, options);
        const partners: IPartner[] = partnersRes.data;
        partners.map((partner: IPartner) => {
          if (partner.Name === PartnerName) {
            partnerId = partner.Id
          }
        });
      });

    const PartnerId = partnerId

I would appreciate any help or suggestions on improving this code for better efficiency.

typescript axios next.js

Answer 1

Answer №1

My recommendation is to fully utilize the async/await feature instead of mixing it with then. Following that, you can employ the find function to retrieve the most recent partner based on their PartnerName.

async function addPartner() {
    await axios.post(newPartnerUrl, { Name: PartnerName }, options);

    const partnersRes = await axios.get(getPartnersUrl, options);
    const partners: IPartner[] = partnersRes.data;
    //locate the newly added partner
    const newPartner = partners.find((partner: IPartner) => partner.Name === PartnerName);

    const PartnerId = newPartner.id

    //TODO: There are other tasks you can perform with the newly added partner
}

Answer 2

My recommendation is to fully utilize the async/await feature instead of mixing it with then. Following that, you can employ the find function to retrieve the most recent partner based on their PartnerName.

async function addPartner() {
    await axios.post(newPartnerUrl, { Name: PartnerName }, options);

    const partnersRes = await axios.get(getPartnersUrl, options);
    const partners: IPartner[] = partnersRes.data;
    //locate the newly added partner
    const newPartner = partners.find((partner: IPartner) => partner.Name === PartnerName);

    const PartnerId = newPartner.id

    //TODO: There are other tasks you can perform with the newly added partner
}

Answer 3

Answer №2

Discovered a solution, it seems that the partner was not being added to the database when the get request was made. I implemented a 2-second timeout to give the partner enough time to be added.

If anyone else is facing this issue, here is the code snippet:

function delay(n){
    return new Promise(function(resolve){
        setTimeout(resolve,n*1000);
    });
}

Answer 4

Discovered a solution, it seems that the partner was not being added to the database when the get request was made. I implemented a 2-second timeout to give the partner enough time to be added.

If anyone else is facing this issue, here is the code snippet:

function delay(n){
    return new Promise(function(resolve){
        setTimeout(resolve,n*1000);
    });
}

Attempting to execute a post request followed by a get request

Answer №1

Answer №2

Similar questions

Tips for filtering data using an array within an object containing arrays

Having trouble with image loading in NextJS after replacing an old image with a new one?

Response from Axios occurs once the component has finished rendering

Merging two arrays of objects from the same response in JavaScript

I've encountered some issues with importing pagination from modules after installing SwiperJs

Expanding the Window Object in Typescript with Next.js Version 13

A comprehensive guide on utilizing the ngFor directive for looping through objects

What steps can be taken to prevent a child component from re-rendering when the parent updates the context or state in React JS?

Is it possible to identify in Next.js whether scrollRestoration was triggered, or if the back button was pressed?

The error message is: "Cannot access property 'up' of an undefined object within the material UI library using theme.breakpoints."

Implementing the same concept yet yielding diverse variations?

Express middleware generator function causing a type error

What is the best method for uploading source maps to Sentry from a Next.js project?

Showing text above bars in MUI X BarChart

The state will reset whenever there is a change in values within an object, but this will only occur if I am

Tips for omitting the trailing slash from a specific route in Next.js

Implementing onClick functionality to change background color with styled components

Using next.js and redux for user authentication: a step-by-step guide

What is the best way for me to generate a fresh object?

If the user is not present in NextJS 13 with authentication context, automatically navigate to the homepage