用fancybox弹出图像 - REACT JS

Question

任务： 大多数内容都来自Django CMS，包括图像。 我想为每个链接/图像添加一个类，以便通过fancybox脚本加速，class =“fancybox”就像我在无数常规网站上做过无数次。

我想在我已经工作了一段时间的REACT JS项目中实现相同的功能。

我已经通过NPM安装了react-fancybox模块并将其导入一个React模块（即“ArticleBlock”，因为我不知道如何全局导入它）：从'react-fancybox'导入Fancybox; < / em>的

并将css添加到我的全局CSS文件中，正如简单的说明所示。 @import“~conaction-fancybox / dist / react-fancybox.css”; （react-fancybox component）

最后，我将“fancybox”类添加到CMS中的一个图像中。结果不是我所期望的，因为图像似乎从DOM本身中取出并且从一开始就被渲染。

注意： 如果我向其他图片添加类，总共有四个，所有这些都将被渲染为poped-up并从DOM中取出。

这说明了组件的行为：

我做错了什么以及如何修复fancybox组件的默认行为？