1
resposta

Finalizei o curso, tem uma opção para remover membro

tem como eu excluir um membro adicionado? qual sera a função?

1 resposta

Oi, Eduardo, tudo bem?

É possível excluir um membro adicionado a um time. Para isso podemos fazer o seguinte:

  • Precisamos criar uma função para deletar o membro no arquivo "App.js"

      function deletarColaborador(nome) {
     setColaborador(colaboradores.filter(colaborador => colaborador.nome !== nome));
    }
    
  • Em seguida, precisamos passar essa função como uma propriedade para o Time. Portanto, ainda no arquivo "App.js", dentro da tag <Time> adicione a seguinte linha de código:

     aoDeletar={deletarColaborador}
    
  • No componente "Time", dentro da tag <Card>, passe a propriedade aoDeletar para o card que será renderizado na página.

    aoDeletar={props.aoDeletar}
    

    Neste caso a função aoDeletar é passada por meio de props, por isso é utilizada como props.aoDeletar.

  • Por fim, no componente "Card", crie um botão para adicionar a propriedade de deletar o card:

    <button onClick={()=>aoDeletar(nome)}>Deletar</button>
    

    Neste caso, a função aoDeletar que vem do componente "Time" é recebida como aoDeletar dentro dos parâmetros da função, por isso pode ser chamada diretamente sem o uso de props antes do nome da função.

Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!