Manipulando Eventos
Parte do curso de React
Um componente que só renderiza a partir das props e do estado não é interativo por conta própria: alguma coisa precisa perceber quando o usuário clica num botão, digita num campo ou aperta uma tecla, e transformar isso numa atualização de estado. Na lição anterior você já ligou um onClick sem que ninguém parasse para explicar.
O React deixa você ligar manipuladores de eventos direto nos elementos JSX usando props batizadas com o nome do evento DOM a que respondem, escritas em camelCase: onClick para cliques, onChange para mudanças num campo, e assim por diante. O valor dessa prop é uma função, que você define à parte ou escreve ali mesmo, inline.
Quer aprender React Manipulando Eventos em um ambiente real?
Clique abaixo, ganhe uma máquina Linux com React pronto e pratique Manipulando Eventos com um tutor de IA que conhece seu código.
Começar esta liçãoManipulando EventosO que você vai aprender
- OnClick handler
- OnChange basics
- Passing functions vs calling them
- Event object
- Passing handlers as props
Leia esta lição no seu idioma
Todas as lições deste curso
17 lições- 1O que é React?25 min
- 2JSX e Components30 min
- 3Props30 min
- 4State com useState35 min
- 5Manipulando Eventos30 min
- 6Renderização Condicional e Listas30 min
- 7Formulários e Controlled Inputs35 min
- 8Effects com useEffect40 min
- 9Busca de Dados40 min
- 10Composição de Components35 min
- 11Context e useContext35 min
- 12useReducer35 min
- 13Hooks Personalizados35 min
- 14Desempenho e Memoization35 min
- 15Roteamento com React Router40 min
- 16Testando Components React40 min
- 17Projeto Final: Aplicativo de Tarefas60 min
