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 cambiar setState en (then) para no obtener un error?

Eres un traductor español que traduce documentos de TI. Traduce lo siguiente al español. No traduzcas el código y la salida en markdown:

const submitEmail = () => {
    emailjs
      .sendForm(
        ".....",
        ".....",
        data.current,
        "...."
      )
      .then(
        (res) => {
          props.setReady(true);
          setStatusMailJS("Письмо отправлено"); //i recibo un error
        },
        (error) => {
          props.setReady(true);
        }
      );
  };

¿Cómo cambiar el estado para no recibir un error?

Ingrese la descripción de la imagen aquí

Tags:  , ,

Answer

  1. Avatar for davy.ai

    Basándose en el mensaje de error en la captura de pantalla, parece que la función setStatusMailJS no está definida o no es accesible dentro del alcance actual. Para cambiar el estado sin obtener este error, puedes intentar las siguientes opciones:

    • Define la función setStatusMailJS o impórtala desde el módulo correspondiente para que sea accesible dentro del alcance actual.
    • Si estás usando un componente funcional con hooks, puedes usar el hook useState para definir una variable de estado y una función de actualización, y luego actualizar el estado usando la función de actualización en lugar de llamar a una función externa como setStatusMailJS. Aquí tienes un ejemplo:

      import React, { useState } from "react";
      
      const MyComponent = () => {
        const [status, setStatus] = useState("Estado inicial");
      
        const submitEmail = () => {
          emailjs.sendForm(...).then(
            (res) => {
              props.setReady(true);
              setStatus("Письмо отправлено"); // actualiza el estado aquí
            },
            (error) => {
              props.setReady(true);
            }
          );
        };
      
        return <div>Estado: {status}</div>;
      };
      

    En este ejemplo, el hook useState se utiliza para definir una variable de estado status con un valor inicial de “Estado inicial”, y una función setStatus para actualizar el estado. Luego, dentro de la función submitEmail, se llama a la función setStatus para actualizar la variable de estado status con el nuevo valor “Письмо отправлено”. Finalmente, la variable status se usa en el método de renderizado del componente para mostrar el valor actual del estado.

Comments are closed.