如何在React中使用ALERTIFY JS？

Question

我正在尝试在React中使用ALERTIFYJS，但其alertify警报不起作用。以下是代码：

（window.alert在我的浏览器中运行正常）

import alertify from 'alertifyjs';

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

- Sultan Aslam

---

什么出了问题？ - Arup Rakshit

控制台中是否有任何错误提示，可以给你一些线索，为什么它不能正常工作？ - Deepak Kamat

你应该也添加CSS文件。 - Ramesh Kithsiri HettiArachchi

@sultanaslam，你是如何在React中使用Alertify样式的？ - Ashish S

@AshishSharma 也要添加 alertify 的 CSS 文件。 - Sultan Aslam

Answer 1

还需要添加CSS文件。问题已解决。

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

- Sultan Aslam

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上测试了此代码。

- SohanLal Saini