Carousel in React

 Command to Install 

npm install --save react-owl-carousel

Imports in App.js

import OwlCarousel from "react-owl-carousel";

import "owl.carousel/dist/assets/owl.carousel.css";

import "owl.carousel/dist/assets/owl.theme.default.css";

import Treeview from "../../Treeview.PNG";

import Capture from "../../Capture.PNG";

In Html

return (

    <OwlCarousel className="owl-theme" loop margin={10} nav>

      <div class="item">

        <img src={Treeview} />

      </div>

      <div class="item">

        <img src={Capture} />

      </div>

      <div class="item">

        <img src={Treeview} />

      </div>

      <div class="item">

        <img src={Capture} />

      </div>

    </OwlCarousel>

  );

In Index.html

    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>