Olá, gostaria de saber como seria para inserir uma mensagem de confirmação da exclusão antes de excluir.
Obrigado!
ATÉ 40% OFF
TÁ ACABANDO!
0 dias
0 horas
0 min
0 seg
Olá, gostaria de saber como seria para inserir uma mensagem de confirmação da exclusão antes de excluir.
Obrigado!
Você poderia mostrar o código para poder analizar? Em todo caso, fica a ideia de que você pode ter uma variavel de controle que renderiza um componente de confirmação após clicar em deletar. Exemplo:
const [usuario_quer_deletar,set_usuario_quer_deletar] = useState(false)
return(
{ usuario_quer_deletar &&
<ConfirmacaoDeDelecao />
}
<button onClick={set_usuario_quer_deletar(true)}> Deletar usuarios </button>
)
No código acima, quando o usuário clicar no botão de deletar, será ativado uma confirmação a ser exibida antes de se deletar ( OBS: você tera que configurar depois na função ConfirmacaoDeDelecao o manuseio do delete
Outra forma que acho razoavel também é criando esses componentes:
import React, { useState } from 'react';
const ConfirmacaoDeDelecao = () => {
const confirmarDelecao = () => {
// Lógica para excluir os usuários
// ...
};
const cancelarDelecao = () => {
set_usuario_quer_deletar(false);
};
return (
<div>
<p>Deseja realmente deletar os usuários?</p>
<button onClick={confirmarDelecao}>Confirmar</button>
<button onClick={cancelarDelecao}>Cancelar</button>
</div>
);
};
const SeuComponentePrincipal = () => {
const [usuario_quer_deletar, set_usuario_quer_deletar] = useState(false);
return (
<div>
{usuario_quer_deletar && <ConfirmacaoDeDelecao />}
<button onClick={() => set_usuario_quer_deletar(true)}>Deletar usuários</button>
</div>
);
};
Obrigado pela ajuda, pessoal!