Estoy trabajando en el envío de un formulario y quiero obtener los tokens en el envío, porque si los obtengo en la carga de la página, podrían caducar antes de su uso.

 function handleSubmit(e) { e.preventDefault(); async function getTokens() { return axios .get("example.com/get-token/306/") .then((response) => { return response.data; }); } getTokens().then((data) => { async function submitForm() { const formData = new FormData(); formData.append("token", data.message); formData.append("session", data.session); formData.append("email", email.current.value); const res = await axios.post( "https://example.com/submit/306/", formData, { headers: { "Content-Type": "multipart/form-data" }, } ); } submitForm(); }); }

¿Esto disminuirá significativamente el rendimiento? El otro método que probé es guardar los tokens con setState en la carga de la página, pero como dije, esto corre el riesgo de que caduquen antes de su uso.