Skip to content

Instantly share code, notes, and snippets.

@primaryobjects
Created November 1, 2017 19:03
Show Gist options
  • Select an option

  • Save primaryobjects/aacf6fa49823afb2f6ff065790a5b402 to your computer and use it in GitHub Desktop.

Select an option

Save primaryobjects/aacf6fa49823afb2f6ff065790a5b402 to your computer and use it in GitHub Desktop.
A simple example of a confirm alert dialog in ReactJs / React.
<div className='delete-button' onClick={() => { if (window.confirm('Are you sure you wish to delete this item?')) this.onCancel(item) } } />
@ArjyaMj
Copy link
Copy Markdown

ArjyaMj commented Sep 27, 2020

This is the simplest solution that I found, Thanks a lot.

@apratt957
Copy link
Copy Markdown

So nice and simple, thank you!

@ofek-rusaev
Copy link
Copy Markdown

This is great, thanks for sharing.

Copy link
Copy Markdown

ghost commented Mar 31, 2021

Thanks, it's so simple and in single-line code.
We can also use SweetAlert2 - https://sweetalert2.github.io/#usage

@MuhammedAnasm4444
Copy link
Copy Markdown

But having some issues when working with useState hooks. I am only getting initial state but not updated state

@hascos
Copy link
Copy Markdown

hascos commented May 16, 2021

@MuhammedAnasm4444 share your code

@xrsrke
Copy link
Copy Markdown

xrsrke commented May 21, 2021

💖🙏

@kinucris
Copy link
Copy Markdown

Ty for idea!

I'm use like this:

<DeleteIcon onClick={() => { window.confirm( 'Confirmar exclusão?', ) && deleteIncidente( row.id, ); }} />

@mutabazigakuba
Copy link
Copy Markdown

onClick={ ()=> { window.confirm("Your message") && function/expression }}

@jukkamic
Copy link
Copy Markdown

Thank you!

@badrannn
Copy link
Copy Markdown

badrannn commented Nov 7, 2021

Thank YOU!

@SaraKahveci
Copy link
Copy Markdown

thank you, this way, worked perfectly with my code!
onClick={() => { window.confirm( 'Are you sure you want to delete this Card?', ) && deleteCard(id) }}

@MahfudW
Copy link
Copy Markdown

MahfudW commented Aug 1, 2022

from Indonesia, thank you so much. No style css but it works.

@raju-hanumappa
Copy link
Copy Markdown

Thank you so much. Nice one.

@AlfonsoDubon
Copy link
Copy Markdown

thank you, this way, worked perfectly with my code! onClick={() => { window.confirm( 'Are you sure you want to delete this Card?', ) && deleteCard(id) }}

GENIAL!!! great work

@longpt2022
Copy link
Copy Markdown

thank u

@imueLx
Copy link
Copy Markdown

imueLx commented Nov 3, 2022

Thank you, it works! and it's very simple

@sanryuu03
Copy link
Copy Markdown

thank you, this way, worked perfectly with my code! onClick={() => { window.confirm( 'Are you sure you want to delete this Card?', ) && deleteCard(id) }}

thanks. tested Next js "v13.1.6"

@Ginasonia98
Copy link
Copy Markdown

thankyou it's work for me

@OjoJosh7
Copy link
Copy Markdown

Thank you very much, very easy to implement.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment