Merge pull request #24458 from Mordred/react-image-gallery

[react-image-gallery] getCurrentIndex() returns number
This commit is contained in:
Mine Starks
2018-03-22 12:28:30 -07:00
committed by GitHub
2 changed files with 10 additions and 2 deletions

View File

@@ -79,7 +79,7 @@ declare class ReactImageGallery extends React.Component<ReactImageGalleryProps>
fullScreen: () => void;
exitFullScreen: () => void;
slideToIndex: (index: number) => void;
getCurrentIndex: () => void;
getCurrentIndex: () => number;
}
export default ReactImageGallery;

View File

@@ -2,6 +2,14 @@ import * as React from 'react';
import ReactImageGallery, { ReactImageGalleryItem, ReactImageGalleryProps } from 'react-image-gallery';
class ImageGallery extends React.Component {
private gallery: ReactImageGallery | null;
componentDidMount() {
if (this.gallery) {
const message = `Showing ${this.gallery.getCurrentIndex() + 1}. image the gallery.`;
}
}
render() {
const galleryItem: ReactImageGalleryItem = {
original: 'http://localhost/logo.jpg',
@@ -14,6 +22,6 @@ class ImageGallery extends React.Component {
showFullscreenButton: false
};
return <ReactImageGallery {...props} />;
return <ReactImageGallery ref={(r) => this.gallery = r} {...props} />;
}
}