tem como eu excluir um membro adicionado? qual sera a função?
tem como eu excluir um membro adicionado? qual sera a função?
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!