Tenho um botão que altera a visibilidade do meu modal e coloca como true, depois disso a intenção era mostrar o modal em tela como se fosse um alert.
const Cadastro = () => {
let history = useHistory();
const [ isModalVisibel, setIsModalVisible ] = useState(false);
function login({ username, user, password, selectOption, selectOptionMonth, selectOptionYear }) {
const data_aniversario =
selectOption + "/" + selectOptionMonth + "/" + selectOptionYear;
const dados = {
nome_pessoa: username,
data_nascimento: data_aniversario,
email: user,
senha: password,
};
console.log(dados.nome_pessoa);
return(
<div>
{isModalVisibel
? <Modal onClose={() => setIsModalVisible(false)}>
<h1>Janela de informações</h1>
</Modal>
: null
}
</div>
)
Abaixo vou deixar o jeito que estou usando o botão. OBS: O botão estão dentro do de um form
<button onClick={() => setIsModalVisible(true)} type="submit">Cadastrar</button>