mirror of
https://github.com/zhigang1992/DefinitelyTyped.git
synced 2026-06-01 03:20:46 +08:00
Merge pull request #24458 from Mordred/react-image-gallery
[react-image-gallery] getCurrentIndex() returns number
This commit is contained in:
2
types/react-image-gallery/index.d.ts
vendored
2
types/react-image-gallery/index.d.ts
vendored
@@ -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;
|
||||
|
||||
@@ -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} />;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user