owl-carousel slider not working in React.js

I have converted the HTML template to React But there is a problem with the slider.HTML slider working perfectly.I have added all the required files in assets. How can Ienter image description here Fix this?

{/* start of slider */}

<div className="home-slides owl-carousel owl-theme">
<div className="banner-section item-bg1 jarallax" data-jarallax='{"speed": 0.2}'>
<div className="container">
<div className="hero-content">
<span className="sub-title">Bahama Services</span>
<h1>Explore Over World Broadband</h1>
<p>Get Unlimited Broadband the package price is just paid $45 Per Month Service with free of connection charge.</p>
<a href="#" className="btn btn-primary">Request A Quote</a>
</div>
</div>
</div>
<div className="banner-section item-bg3 jarallax" data-jarallax='{"speed": 0.2}'>
<div className="container">
<div className="hero-content">
<span className="sub-title">Bahama Services</span>
<h1>Explore Over World Broadband</h1>
<p>Get Unlimited Broadband the package price is just paid $45 Per Month Service with free of connection charge.</p>
<a href="#" className="btn btn-primary">Request A Quote</a>
</div>
</div>
</div>
<div className="banner-section item-bg2 jarallax" data-jarallax='{"speed": 0.2}'>
<div className="container">
<div className="hero-content">
<span className="sub-title">Bahama Services</span>
<h1>Explore Over World Broadband</h1>
<p>Get Unlimited Broadband the package price is just paid $45 Per Month Service with free of connection charge.</p>
<a href="#" className="btn btn-primary">Request A Quote</a>
</div>
</div>
</div>
</div>
{/* End of slider */}