如何在React中使用ALERTIFY JS？

Question

我正在尝试在react中使用ALERTIFYJS，但它的警示警报不起作用。下面是代码

(window.alert在我的浏览器上运行良好)

import alertify from 'alertifyjs';

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

Answer 1

还需要添加css文件。问题解决了。

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

Answer 2

是的，你也必须添加css文件。

下面是添加css和导入alertify的过程

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

或

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

请注意，我已经用restify 1.13.1在react js 16.13.1上测试了这段代码