Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

(Velocidade)

//cards.js

import card1 from '../../assets/card1.png';
import card2 from '../../assets/card2.png';
import card3 from '../../assets/card3.png';

const itens = [
  {
    id: '1',
    imagem: card1,
    timeWait: 2000,
  },
  {
    id: '2',
    imagem: card2,
    timeWait: 4000,
  },
  {
    id: '3',
    imagem: card3,
    timeWait: 6000,
  },
];

export default itens;

//Component Carrossel

...

  useEffect(() => {
    carrosselRef.current.scrollToIndex({ index: indice })
    const field =  carrosselRef.current.props.data[indice];
    const intervalo = setInterval(() => {
      alteraPosicaoObjeto();
    }, field.timeWait)

    return () => clearInterval(intervalo);
  }, [indice])

...

1 resposta
solução!

Oii, tudo bem?

O seu código tá bem estruturado e organizado. O uso do hook useEffect para controlar o carrossel e o intervalo de transição entre os itens ficou ótimo! Parabéns!

Um abraço e bons estudos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software