Instruções
Passo 1
Neste workshop, você praticará trabalhar com componentes funcionais React construindo uma navbar reutilizável.
Todo o CSS foi fornecido para que você possa se concentrar em criar a navbar.
Comece definindo um componente funcional
Navbar. No próximo passo, você começará a construir o componente usando JSX.
Certifique-se de usar uma exportação nomeada ao exportar o componente, pois ele será importado no arquivo HTML.
Aqui está um exemplo de uma exportação nomeada:
export function multiply(a, b) {
return a * b;
}
Além disso, os componentes funcionais do React precisam começar com uma letra maiúscula porque é uma forma de diferenciar dos elementos HTML comuns.
O que fazer:
Testes:
- Você deve usar a palavra-chave `export` para exportar o componente `Navbar`.
Preview