LightBox 不会弹出 ReactJS答案

【问题标题】：LightBox wont pop up ReactJSLightBox 不会弹出 ReactJS
【发布时间】：2017-07-13 06:48:10
【问题描述】：

我不知道为什么它只是加载我等了几分钟但它没有工作或没有弹出。不知道怎么回事，刚刚关注了this link。

这里是代码

if(ext === "PNG" || ext === "jpg") {
var images = 
  [
    {
      src: `http://localhost:8933/files/${form.Name}`,
      title: form.Name,
    }
  ]
    return (
         <Lightbox images={images} 
                    showImageModifiers={false}
                    />

    )
}

这就是我在网站上的输出，它必须弹出而不是下方有微调器。

【问题讨论】：

输出的是什么？这不是你所期望的吗？您需要说明所需的行为是什么。请不要要求不被否决，而是阅读有关如何提出好问题的帮助部分。
@DarrenSweeney 点击它必须像那样弹出的链接，但我的只是微调器
我认为您错过了将灯箱的 css 包含到您的应用程序中，这就是导致问题的原因。请提供一些更合适的代码以便我们帮助您。
对不起@JefreeSujit 我在哪里可以得到 css？我想当我在 npm 上安装它时，它会自动拥有灯箱 css，我对此很陌生

标签： javascript reactjs lightbox

【解决方案1】：

我认为您错过了将灯箱的 css 包含到您的应用程序中，这就是导致问题的原因

这是react-lightbox-component 的源代码库。尝试从 node_modules 文件夹下的资产访问 sass 文件到应用程序的 sass 代码。

我假设这将是 sass 文件的路径：node_modules/react-lightbox-component/assets/sass/images.sass

【讨论】：

所以我应该更改var Lightbox = require('react-lightbox-component').Lightbox;？
是的，如果你仍然使用 es5 语法，对于 es6 你会使用import {Lightbox} from 'react-lightbox-component';
我再次告诉你，你需要将组件的 sass 文件导入到你的应用程序的 sass 文件中才能正常工作。