使用 Sweet Alert 作为窗口。确认

Question

I am having trouble finding a way to use sweet alert as a promise to resolve a possilble case here is what i'm trying to to do

function void continueOn(){

    return swal({
        title: "Continue?",
        text: "Do you want to continue?",
        icon: "warning",
        buttons: ["no","yes"],
    }).then((result) => { return result})
}

return (
    <Button 
        onclick={() => {
            if(!doContinue || continueOn()){
                console.log("Here")
            }
        }}

)

What is happening is when it hits continueOn() it just truly does continue on before the user can even answers if they want to continue or not. I do want to check if they are in doContinue Mode before I ask them directly. So order does matter.

Answer 1

Check out this example code:

 const doContinue = false; const continueOn = () => { return swal({ title: "Continue?", text: "Do you want to continue?", icon: "warning", buttons: ["no","yes"], }) } class App extends React.Component { render() { return ( <button onClick={() => { if(!doContinue){ continueOn() .then(result => { // Here do what you want console.log(result) }) } else{ console.log("Popup not shown") } }} >Continue</button> ); } } ReactDOM.render( <App />, document.getElementById("react") );

 <div id="react"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>