Viewerjs在react项目中的使用

Question

直接上代码：

import Viewer from 'viewerjs';

previewImg =?() => {
     const viewer = new Viewer(document.getElementById('imglist'),{
        url: 'data-original'
     });
}

<ul className="img-list" id="imglist">
    {
         list.map(({src}, index) => (
             <li>
                 <img
                     src={src}
                     key={index}
                     onClick={this.previewImg}
                     data-original={src}
                 />
             </li>
         ))
    }
</ul>

这样操作，查看大图时没有弹出这个插件，但是在页面底部出现了一些东东，检查元素看起来就是预览大图时弹框的结构 但是定位有问题 也没看到有大图的img标签什么的
男到react中不能使用Viewerjs只能用基于这个封装的react-viewer？

Answer 1

等待大神解答