如何在 reactjs 组件中初始化 Fancybox?

How to initialize Fancybox in reactjs component?

有人能告诉我如何在我的 ReactComponent 中导入或初始化 Fancybox 吗?

我正在使用 ReactJs 构建一个沙龙网站。我已经通过 "npm install ..." 安装了 jQuery & Fancybox。现在我想使用 Fancybox 框来创建一个 JSX 组件,它是一个图片库。

我不知道如何start/initialize/import Fancybox 开始使用它。

我正在寻求您的建议。谢谢!

这是我正在尝试使用的代码

Click to see my code

click here to see the error: ReferenceError: jQuery is not defined

安装后,官方使用方式是添加数据-fancybox.Here部分官方示例

 <a href="https://source.unsplash.com/0JYgd2QuMfw/1500x1000" data-fancybox data-caption="This image has a simple caption">
    <img src="https://source.unsplash.com/0JYgd2QuMfw/240x160" />
  </a>