Modificación de datos de entrada al mostrarlos en React
Supongamos que ingresamos un número en el campo de entrada. Hagamos que a medida que se ingresa el número en el campo de entrada, en el párrafo se muestre el cuadrado del número ingresado:
function App() {
const [value, setValue] = useState(0);
function handleChange(event) {
setValue(event.target.value);
}
return <div>
<input value={value} onChange={handleChange} />
<p>{value ** 2}</p>
</div>;
}
Se da un campo de entrada. Se da un párrafo. Haz que al ingresar texto en el campo de entrada, en el párrafo se muestre la cantidad de caracteres ingresados en el campo de entrada.