Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Sugestão] Sugestão ao começar esse projeto - projeto diferente?

Quando fui começar a aula percebi que já começava com pessoas cadastradas, o que não tinha sido feito ainda no curso passado.

Para resolver isso bastou criar o objeto 'Inicial' em app.js e atribuir const[colaboradores, setColaboradores] = useState(Inicial)

const inicial = [
    {
      nome: 'JULIANA AMOASEI',
      cargo: 'Desenvolvedora de software e instrutora',
      imagem: 'https://www.alura.com.br/assets/img/lideres/juliana-amoasei.1647533644.jpeg',
      time: times[0].nome
    },
    {
      nome: 'DANIEL ARTINE',
      cargo: 'Engenheiro de Software na Stone Age',
      imagem: 'https://www.alura.com.br/assets/img/lideres/daniel-artine.1647533644.jpeg',
      time: times[0].nome
    },
    {
      nome: 'GUILHERME LIMA',
      cargo: 'Desenvolvedor Python e JavaScript na Alura',
      imagem: '    https://www.alura.com.br/assets/img/lideres/guilherme-lima.1647533644.jpeg',
      time: times[0].nome
    },
    {
      nome: 'PAULO SILVEIRA',
      cargo: 'Hipster e CEO da Alura',
      imagem: 'https://www.alura.com.br/assets/img/lideres/paulo-silveira.1647533644.jpeg',
      time: times[0].nome
    },
    {
      nome: 'JULIANA AMOASEI',
      cargo: 'Desenvolvedora de software e instrutora',
      imagem: 'https://www.alura.com.br/assets/img/lideres/juliana-amoasei.1647533644.jpeg',
      time: times[1].nome
    },
    {
      nome: 'DANIEL ARTINE',
      cargo: 'Engenheiro de Software na Stone Age',
      imagem: 'https://www.alura.com.br/assets/img/lideres/daniel-artine.1647533644.jpeg',
      time: times[1].nome
    },
    {
      nome: 'GUILHERME LIMA',
      cargo: 'Desenvolvedor Python e JavaScript na Alura',
      imagem: '    https://www.alura.com.br/assets/img/lideres/guilherme-lima.1647533644.jpeg',
      time: times[1].nome
    },
    {
      nome: 'PAULO SILVEIRA',
      cargo: 'Hipster e CEO da Alura',
      imagem: 'https://www.alura.com.br/assets/img/lideres/paulo-silveira.1647533644.jpeg',
      time: times[1].nome
    }]
  const [colaboradores, setColaboradores] = useState(inicial)

Faça isso para cada time (Não cabe aqui) Mas pode olhar o código do professor aqui : https://github.dev/alura-cursos/react-componentes-funcionam/blob/Aula1/src/componentes/Colaborador/index.js

2 respostas
solução!

Olá Karine, tudo bem?

Obrigada por compartilhar sua sugestão conosco! Com certeza vai ajudar outras pessoas.

Um abraço e bons estudos.

Por nada!