React alert popup

import { confirmAlert } from 'react-confirm-alert'; // Import
import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css

class App extends React.Component {
  submit = () => {
    confirmAlert({
      title: 'Confirm to submit',
      message: 'Are you sure to do this.',
      buttons: [
        {
          label: 'Yes',
          onClick: () => alert('Click Yes')
        },
        {
          label: 'No',
          onClick: () => alert('Click No')
        }
      ]
    });
  };

  render() {
    return (
      <div className='container'>
        <button onClick={this.submit}>Confirm dialog</button>
      </div>
    );
  }
}

Source: npmjs.com

React js alert popup example

import React from 'react'
import { withAlert } from 'react-alert'

const App = ({ alert }) => (
  <button
    onClick={() => {
      alert.show('Oh look, an alert!')
    }}
  >
    Show Alert
  </button>
)

export default withAlert()(App)

Source: npmjs.com

Similar codes

0 vote156 views1 answer
React Hook useEffect has missing dependencies: 'cart' and 'user._id'. Either include them or remove the dependency array react-hooks/exhaustive-deps
Javascript React
0 vote154 views3 answers
Proptypes for a react component
Javascript React
-1 vote166 views2 answers
How to validate date in react
Javascript React
13 votes149 views4 answers
React deep copy
Javascript React
68 votes196 views3 answers
React add inline styles in react
Javascript React
1 vote176 views1 answer
How to test useEffect in react testing library
Javascript React
0 vote162 views2 answers
React convert excel to json
Javascript React
2 votes156 views2 answers
React get url querystring
Javascript React
0 vote144 views1 answer
Load all icon from a folder in react
Javascript React
0 vote169 views1 answer
React receiving socket muitple times
Javascript React