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