Tengo dos funciones, una que crea un plan de usuario y otra que crea un UserGoal. Dentro de la primera función, quiero configurar UserPlanId para usarlo en la segunda función. Ambas funciones se llaman dentro de una función handleSubmit.

Sin embargo, no sé si es posible hacer que eso funcione. Probé muchas cosas pero ninguna funcionó para obtener el estado actualizado dentro de la segunda función.

 const handleSubmit = async (event) => { event.preventDefault(); const resp = await axios .post("https://localhost:44325/UserPlans/create", { bmi: bmi, totalCalories: parseInt(totalCalories), totalCarbs: parseInt(carbs), totalProtein: parseInt(protein), totalFat: parseInt(fat), }) .then((response) => { console.log(response.data); setUserPlan(response.data); setUserPlanId(response.data.id); }) .catch((error) => { console.log(error.response.data); }); await axios .post("https://localhost:44325/UserGoals/create", { Goal: goalInt, GoalWeight: kilosGoal, UserActivity: activityInt, UserPlanId: userPlanId, // HERE I WANT THE UPDATED STATE });}

¿Hay alguna opción para hacer esto?