How to hide the prev and next button when there is only one slide?

[willgunadi]

I realize that this component is a slider which means multiple images. But at the moment I only have one. Can I hide the navigation buttons in this case?

[grr14]

You can get an ok-looking result using https://github.com/FortAwesome/react-fontawesome

import {
  faChevronLeft,
  faChevronRight,
} from "@fortawesome/free-solid-svg-icons"
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"

const hasImages = yourImagesArray.length > 0 ? true : false

<Slider
  previousButton={
    hasImages ? <FontAwesomeIcon icon={faChevronLeft} /> : null
  }
  nextButton={hasImages ? <FontAwesomeIcon icon={faChevronRight} /> : null}
>
  {yourImagesArray.map(img => <div>{img}</div>)}
</Slider>