Modificando dados de entrada ao exibi-los em React
Suponha que vamos inserir um número em um campo de entrada. Vamos fazer com que, à medida que o número é inserido no campo, um parágrafo exiba o quadrado do número inserido:
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>;
}
É dado um campo de entrada. É dado um parágrafo. Faça com que ao digitar texto no campo, o parágrafo exiba a quantidade de caracteres inseridos no campo.
