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

[Dúvida] Como inserir o alerta 'Tem certeza que deseja excluir?'

Olá, gostaria de saber como seria para inserir uma mensagem de confirmação da exclusão antes de excluir.

Obrigado!

3 respostas

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

solução!

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!