有没有办法添加base64数据: URLs到react-image-lightbox

npm install react-image-lightbox

import Lightbox from 'react-image-lightbox';
import 'react-image-lightbox/style.css';

state = {
  images: [
    'data:image/png;base64,iVBORw0KG...',
    'data:image/jpeg;base64,/9j/4AAQ...',
    'data:image/gif;base64,R0lGODlh...'
  ],
  isOpen: false,
  photoIndex: 0
};

handleOpenLightbox = () => {
  this.setState({ isOpen: true });
}

render() {
  const { images, isOpen, photoIndex } = this.state;

  return (
    <div>
      <button onClick={this.handleOpenLightbox}>打开图片</button>

      {isOpen && (
        <Lightbox
          mainSrc={images[photoIndex]}
          nextSrc={images[(photoIndex + 1) % images.length]}
          prevSrc={images[(photoIndex + images.length - 1) % images.length]}
          onCloseRequest={() => this.setState({ isOpen: false })}
          onMovePrevRequest={() =>
            this.setState({
              photoIndex: (photoIndex + images.length - 1) % images.length
            })
          }
          onMoveNextRequest={() =>
            this.setState({
              photoIndex: (photoIndex + 1) % images.length
            })
          }
        />
      )}
    </div>
  );
}