/Javascript/React/Image and video lightbox react

Image and video lightbox react

<ReactImageVideoLightbox
  data={[
    {
      url: "https://placekitten.com/450/300",
      type: "photo",
      altTag: "some image",
    },
    {
      url: "https://www.youtube.com/embed/ScMzIvxBSi4",
      type: "video",
      title: "some video",
    },
    {
      url: "https://placekitten.com/550/500",
      type: "photo",
      altTag: "some other image",
    },
    {
      url: "https://www.youtube.com/embed/ScMzIvxBSi4",
      type: "video",
      title: "some other video",
    },
  ]}
  startIndex={0}
  showResourceCount={true}
  onCloseCallback={this.callbackFunction}
  onNavigationCallback={(currentIndex) =>
    console.log(`Current index: ${currentIndex}`)
  }
/>

Source: npmjs.com

Similar codes

9 votes99 views4 answers
Firebase' is not defined no-undef react
Javascript React
0 vote147 views1 answer
React call component state
Javascript React
0 vote138 views1 answer
React native pure component vs component
Javascript React
0 vote125 views1 answer
Page scrolling react js
Javascript React
0 vote156 views3 answers
Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
Javascript React
-1 vote154 views1 answer
How to remove react icon from tab
Javascript React
0 vote144 views1 answer
How to hide title bar react-navigation
Javascript React
0 vote160 views1 answer
Returned data has p tags react
Javascript React
0 vote164 views2 answers
Remove state from location on page load in react router dom
Javascript React
0 vote141 views1 answer
Android studio react native plugins
Javascript React