Recogida de datos

import React, {useRef} from 'react';

const App = _ => {
  const nombreRef = useRef(null);

  const procesar = _ => {
    console.log(nombreRef.current.value);
  }
  return (
    <div className="App">
      <input type="text" ref={nombreRef}/>
      <button onClick={procesar}>Enviar</button>
    </div>
  )
}

export default App;

Ejercicios - recogida de datos

De momento, en estos ejercicios no pintaremos la solución en la página HTML, sino que la mostraremos como una traza en la consola.

  1. Grados centígrados

    Definir una clase App que recogerá los grados centígrados introducidos y se los pasará a la clase App principal para que se encargue de calcular los grados Fahrenheit.

    Para ello deberé multiplicar por 9/5 y sumar 32. Como todo el mundo sabe, 20 grados centígrados son 68 grados Farenheit.

  2. Euros a dólares

    Vamos a hacer un ejercicio similar al anterior. Se trata de un conversor de euros a dólares. Supondremos que un euro son dos dólares. El usuario introducirá un valor en euros y se mostrará un mensaje de alerta con el correspondiente valor en dólares.

    Para hacer este ejercicio, parte del código del ejemplo anterior, pero modificándolo para que en lugar de hablar de grados Centígrados y grados Fahrenheit, en el código fuente se haga referencia a euros y dólares.

  3. Calcular la superficie de un rectángulo

    Tendremos un formulario que recogerá el ancho y el alto de un rectángulo y calculará su superficie.

icono de mandar un mail¡Contacta conmigo!
Pablo Monteserín
contacta conmigoPablo Monteserín

Para dudas técnicas sobre los ejercicios de mis cursos es necesario estar suscrito.