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
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!