:react-js:Conteúdo produzido por Profº Vinicius Martins

<aside> <img src="notion://custom_emoji/eec5802d-aa68-469e-bd8d-a6acbfcb3167/219b1288-c377-8040-879a-007afa980f7c" alt="notion://custom_emoji/eec5802d-aa68-469e-bd8d-a6acbfcb3167/219b1288-c377-8040-879a-007afa980f7c" width="40px" />

O React é uma biblioteca para interfaces de usuário nativas e da web. O React permite que você crie interfaces de usuário a partir de partes individuais chamadas componentes

</aside>

Laboratórios para prática do uso de Eventos

LAB 1 Nome Controlado (Componente Funcional)

• Complete o código adicionando o useState para armazenar o nome e o evento onChange para atualizar o valor no input.

import { useState } from 'react';

function NomeUsuario() {
  // TODO: Criar state chamado 'nome'

  return (
    <div>
      <h2>Bem-vindo(a): {/* TODO: mostrar o nome aqui */}</h2>
      <inputtype="text"
        placeholder="Digite seu nome"
        // TODO: adicionar value e onChange
      />
    </div>
  );
}

export default NomeUsuario;