no arquivo index.tsx da pasta filtros da erro quando colocamos a seguinte condição na classe da div... ${styles.filtros__filtro} ${filtro === opcao.id ? styles['filtros__filtro --ativo'] : ''}`}>. Ao digitar esse codigo, aparece o seguinte erro... Line 20:48: 'opcao' is not defined. mesmo copiando o código exatamente igual ao do instrutor, o erro continua. Esse erro nao se repete para nenhum outro momento em que uso opcao, somente no if ternário da classe
hoje, com a Alura e o Google Gemini
Oi, Mickael. Tudo bem?
Você poderia por gentileza compartilhar as mensagens de erro e os trechos do seu código onde estes erros apareceram? Fique a vontade para compartilhar imagens ou prints da telas se achar necessário.
Abraços!
Fala Mickael, beleza?
Preciso ver o seu código de forma mais completa para saber o que está acontecendo, mas opcao foi o nome que eu dei para cada item do map, então o código está assim:
{filtros.map((opcao) => ( // nesta linha aqui eu dou o nome ao item como opcao
<button
className={classNames({
[styles.filtros__filtro]: true,
[styles["filtros__filtro--ativo"]]: filtro === opcao.id,
})}
key={opcao.id}
onClick={() => selecionarFiltro(opcao)}
>
{opcao.label}
</button>
))}Caso não esteja reconhecendo, confira se o nome está como opcao mesmo, caso esteja outro nome é só trocar opcao pelo nome que você deu. Confira também se você está escrevendo este código dentro do map.
Bons estudos!