4
respostas

[Dúvida] nao consegui ajustar o filtro por imagem

ainda nao consigo fazer a parte de filtrar por imagem Insira aqui a descrição dessa imagem para ajudar na acessibilidade

4 respostas

Olá, Chayanny! Tudo bem?

Poderia compartilhar o link do repositório do seu projeto? Isso ajudaria muito a entender melhor o problema que está ocorrendo, investigar e observar uma solução. Pode compartilhar por aqui?

https://github.com/ChayannyLP/PaginaEspaco

Obrigado por compartilhar seu código, Chayanny!

Assim que baixei seu projeto e rodei a aplicação observei no console do navegador uma mensagem

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Essa mensagem está nos informando que você utilizou um evento onclick, mas no React este evento apesar de ter o mesmo nome se escreve de forma diferente, assim: onClick.

Sendo assim, você deve corrigir lá no arquivo index.jsx do seu componente de Tags o seguinte código:


import React from "react";
import styles from "./Tags.module.scss";
import fotos from "../Galeria/fotos.json";

export default function Tags({ tags, filtraFotos, setItens }) {
  return (
    <div className={styles.tags}>
      <p>Filtre por tags</p>
      <ul className={styles.tags__lista}>
        {tags.map((tag) => {
          return (
            <li key={tag} onClick={() => filtraFotos(tag)}>
              {tag}
            </li>
          );
        })}
        <li onClick={() => setItens(fotos)}>Todas</li>
      </ul>
    </div>
  );
}

Passando o nome correto do evento de onClick() do React.

Abraços e desculpe a demora! :)

Muito obrigada, vou ajeitar sim