javascript - 如何在 React 中使用 ALERTIFY JS？

Question

我正在尝试使用 ALERTIFYJS 做出反应，但它的 alertify 警报不起作用。下面是代码

（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';

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