Question

请问有人可以建议我如何在我的ReactComponent中导入或初始化Fancybox吗？

我正在使用ReactJs建立沙龙网站。我已经通过执行“ npm install ...”安装了jQuery＆Fancybox。现在，我想使用Fancybox框创建一个JSX组件，它是一个图库。

我不知道如何启动/初始化/导入Fancybox以开始使用它。

我正在寻找您的建议。谢谢！

这是我要使用的代码

Click to see my code

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

Answer 1

安装后，官方使用方法是添加data-fancybox。这是官方示例的一部分。

 <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>

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

1 个答案: