有关自定义react-lightbox-component的问题

Question

我使用了react依赖'react-lightbox-component'这个组件。但我有一个要解决的问题。当图片为“ decorative_pic.jpg”时，如何消失最大化图片的下一个按钮？我希望避免这些装饰图片出现在最大化图片的滑块之间。

其他图像（pic_01，pic_02，pic_03）将以默认方式运行，而无需更改。

import React, { Component } from 'react'    
import Lightbox from 'react-lightbox-component';    

const LightBoxTest = () => (

  <div>

    <Lightbox images={[
      {
        src: '../images/pic_01.jpg'       
      },
      {
        src: '../images/pic_02.jpg'
      },
      {
        src: '../images/pic_03.jpg'        
      },
      {
        src: '../images/decorative_pic.jpg'        
      },
      {
        src: '../images/decorative_pic.jpg'        
      },
      {
      src: '../images/decorative_pic.jpg'  
      }
    ]} />
  </div>
);

我可以使用这些CSS规则简单地阻止这些图片的点击

img[src*='decorative']{
  cursor:default;
  pointer-events: none;
} 

但是我想通过阻止这些特定图像出现在滑块上来做更深入的介绍。这些图像始终显示在滑块的末尾。我相信问题的关键是当下一张图像是“ decorative.jpg”时，锁定幻灯片上的下一个按钮。或者，也许您通过Java Script将这些图像转换为div。