How to use ALERTIFY JS in React?

Question

I'm trying to use ALERTIFYJS in react but its alertify alerts are not working. Below is the code

(window.alert is working fine on my browser)

import alertify from 'alertifyjs';

clickHandle = () => {
  alertify.alert('Alert Title', 'Alert Message!', function(){ 
    alertify.success('Ok'); 
  });
}

Any errors in the console that might give you a hint on why it's not working? — Deepak Kamat, Sep 02 '18 at 14:55
no errors even in console its showing everything ok. if i console alertify its show there is a function alert — Sultan Aslam, Sep 02 '18 at 14:56

Sultan Aslam · Accepted Answer · 2020-10-11T08:42:50.553

14

Need to add the css file too. Problem Solved.

import 'alertifyjs/build/css/alertify.css';

edited Oct 11 '20 at 08:42

answered Nov 08 '18 at 09:29

Sultan Aslam

5,600
2
38
44

score 4 · Answer 2 · edited Oct 12 '20 at 09:47

4

Yes, You have to add css file as well.

Here is the process for adding css and importing alertify

import alertify from 'alertifyjs';
import 'alertifyjs/build/css/alertify.css';

or

import * as alertify from 'alertifyjs';
import 'alertifyjs/build/css/alertify.css';

Please note I have tested this code on react js 16.13.1 with restify 1.13.1

edited Oct 12 '20 at 09:47

Sultan Aslam

5,600
2
38
44

answered Aug 29 '20 at 08:11

SohanLal Saini

408
1
3
13

How to use ALERTIFY JS in React?

2 Answers2