Buenas. Tengo una consulta. ¿Como puedo evaluar en el form si se ha ingresado algún dato? Me gustaría ingresar un mensaje que diga “Debe ...

Bastian Besoain

Bastian Besoain

Pregunta
studenthace 4 años

Buenas. Tengo una consulta.

¿Como puedo evaluar en el form si se ha ingresado algún dato?

Me gustaría ingresar un mensaje que diga “Debe ingresar el dato x” bajo cada campo y que, al escribir algun dato, desaparezca. El código sería algo así:

react.PNG

5 respuestas
para escribir tu comentario
    Bastian Besoain

    Bastian Besoain

    studenthace 4 años

    Gracias Luis, lo voy a probar.

    Luis Lira

    Luis Lira

    studenthace 4 años

    El condicional tienes que haces por fuera de "this.setState", por ejemplo

    if (form[e.target.name] == "") { ...code } else { this.setState...etc }
    Bastian Besoain

    Bastian Besoain

    studenthace 4 años

    Buenas chicos, gracias por responder. Pues la verdad es que no sé como hacerlo. Estoy intentándolo pero se me va de las manos la sintaxis platzi.PNG

    ¿Me podrían ayudar?

    Luis Lira

    Luis Lira

    studenthace 4 años

    En el onChange puedes crear un condicional y con eso tener una parte del estado que indique si el mensaje se mostrará o no. También puedes usar la etiqueta de "required" dentro del elemento HTML y eso mostrará un mensaje que traen de forma nativa cada navegador en caso de que el campo esté vacío.

    Francisco Ponce

    Francisco Ponce

    studenthace 4 años

    Hola Bastian,

    Podrías crear un estado que setees a verdadero o falso una vez que que escribas en el evento onChange.

    Ese estado se lo pasas a un texto que este debajo de cada input preguntando por ese estado activo. Si es verdadero renderiza el siguiente texto.

Curso de React.js [Empieza Gratis]

Curso de React.js [Empieza Gratis]

React es una de las librerías más utilizadas hoy para crear aplicaciones web. Aprende desde la creación y diseño de componentes hasta traer datos de un API. Desarrolla aplicaciones web de muy alta calidad en tiempo record con React.js

Curso de React.js [Empieza Gratis]
Curso de React.js [Empieza Gratis]

Curso de React.js [Empieza Gratis]

React es una de las librerías más utilizadas hoy para crear aplicaciones web. Aprende desde la creación y diseño de componentes hasta traer datos de un API. Desarrolla aplicaciones web de muy alta calidad en tiempo record con React.js