can't get renderRightNav working..

hey,

I have got the following component -

export default class Gallery extends React.Component {
  render() {
    return (
        <div className="gallery" >
        <ImageGallery ref={i => this._imageGallery = i} items={this.props.items}    
        showFullscreenButton={false} showPlayButton={false} showThumbnails={false}  />
        </div>
    );
  }
}

and i tried to add the renderRightNav function since i need to update the state as it pressed and cant figure out where and how to use it. Thanks

[tamirhuber]

Yes I know. I’ll try to get it to work and be in touch. Thanks again

[tamirhuber]

Ok, so i figured out that as it runs, this._imageGallery is set to null and only after a moment it get the object. And managed to use the renderRightNav, but somehow i cant add custom functions to it without be fired onload. I did -

myRenderRightNav = (onClick, disabled) => {
      var index = this._imageGallery.getCurrentIndex(); // this._imageGallery == null  ???
return (
        <button
          type='button'
          className='image-gallery-right-nav'
          disabled={disabled}
          onClick={onClick, alert("Hello") } // fires onload on NOT onclick..
          aria-label='Next Slide'
        >Hey My own button </button>
      );
    };