tem como eu excluir um membro adicionado? qual sera a função?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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!