/Javascript/React/React js alert popup example

React js alert popup example

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

-1 vote410 views2 answers
How to validate date in react
Javascript React
-2 votes369 views1 answer
React timepicker example
Javascript React
1 vote381 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript React
1 vote382 views1 answer
React native create view dynamically
Javascript React
1 vote383 views1 answer
Reactjs javascript is mobile and desktop
Javascript React
112 votes439 views5 answers
Command to create react app
Javascript React
32 votes430 views6 answers
React copy array
Javascript React
18 votes420 views4 answers
React get route params
Javascript React
0 vote365 views1 answer
React component will mount new method
Javascript React
0 vote566 views1 answer
Canvas js in react
Javascript React