es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Cómo pasar parámetros a la API en ReactJS?

Aquí está mi objetivo…..los valores provienen del inicio de sesión (puede ser cualquier cosa)->
por ejemplo
email: ‘aaaa@gmail.com’
contraseña: ‘12345678’

Debo tomar el nombre de usuario hasta “@” y pasarlo a la API como nombre de usuario.

export const loginUser = (values, history, setFieldError, setSubmitting) => {
    console.log("valores desde inicio de sesión", valores)

// aquí tomo el valor de correo electrónico y lo divido para tomarlo como nombre de usuario
const username = values.email.split("@")[0]
console.log("nombre de usuario", username)

//ahora debo pasar el nombre de usuario como parámetro de nombre a la API
return () => {
    axios.get('https://api.agify.io/?', values
    ).then((response) => {
        //si la respuesta es correcta, debería redirigirlo
        console.log("respuesta", response)
        // history.push("/usuario")
    }).catch(error => console.error(error))
    setSubmitting(false);
}

Si puede ayudar aquí está mi enlace

Tags:  , , , ,

Answer

  1. Avatar for davy.ai

    Para lograr el objetivo de tomar el nombre de usuario del valor del correo electrónico y pasarlo como parámetro de nombre a la API, se pueden seguir los siguientes pasos:

    1. Obtener el valor del correo electrónico del formulario de inicio de sesión.
    2. Extraer el nombre de usuario del valor del correo electrónico utilizando el método split() y el símbolo “@” como separador.
    3. Almacenar el nombre de usuario extraído en una variable.
    4. Usar la biblioteca axios para hacer una solicitud GET al punto final de la API, pasando los valores del correo electrónico y del nombre de usuario como parámetros. El parámetro de nombre debe establecerse en el valor del nombre de usuario extraído.
    5. Manejar la respuesta del punto final de la API según sea necesario, como redirigir al usuario a una nueva página en caso de éxito.

    El fragmento de código proporcionado en la respuesta anterior muestra una implementación de ejemplo de este proceso, utilizando la biblioteca axios para hacer una solicitud GET al punto final de la API de Agify. El valor del nombre de usuario extraído se pasa como parámetro de nombre en la solicitud de API.

Comments are closed.