Olá, tenho o seguinte codigo:
import React from 'react'
// Importanto Imagens
import bgimage from '../images/bgimage_m.jpg'
import person_1 from '../images/person_1.jpg'
const Clientes = props => {
return (
<div>
<div className='site-blocks-cover overlay' data-aos='fade' data-stellar-background-ratio='0.5'
style={{
backgroundImage: 'url(' + bgimage + ')',
}}
>
<div className='container'>
<div className='row align-items-center'>
<div className='col-md-10'>
<span className='sub-text'>Clientes Felizes</span>
<h1>Depoimentos</h1>
</div>
</div>
</div>
</div>
<div className='container site-section block-13 testimonial-wrap'>
<div className='nonloop-block-13 owl-carousel'>
<div className='testimony'>
<img src={person_1} alt='' className='img-fluid' />
<h3>Cloe Marena</h3>
<span className='sub-title'>Owner of Building Co.</span>
<p>“<em>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium non eligendi totam natus ullam cumque! Assumenda optio, ad in! Nesciunt natus veritatis hic iste quas. Sunt iste autem vel repudiandae.</em>”</p>
</div>
</div>
</div>
</div>
)
}
export default Clientes
Entretanto, este trecho de código não é carregado. Ele somente é carregado se eu der um reload
na página.
<div className='container site-section block-13 testimonial-wrap'>
<div className='nonloop-block-13 owl-carousel'>
<div className='testimony'>
<img src={person_1} alt='' className='img-fluid' />
<h3>Cloe Marena</h3>
<span className='sub-title'>Owner of Building Co.</span>
<p>“<em>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium non eligendi totam natus ullam cumque! Assumenda optio, ad in! Nesciunt natus veritatis hic iste quas. Sunt iste autem vel repudiandae.</em>”</p>
</div>
</div>
</div>
Alguém poderia me auxiliar com essa questão?
import React from 'react';
import { BrowserRouter, Route } from 'react-router-dom'
import Cabecalho from './componentes/Cabecalho'
import Inicio from './componentes/Inicio'
import Institucional from './componentes/Institucional';
import Sobre from './componentes/Sobre';
import Contato from './componentes/Contato';
import Clientes from './componentes/Clientes';
function App() {
return (
<BrowserRouter>
<div className="App">
<div className="site-wrap">
<Cabecalho />
<Route path='/' exact component={Inicio} />
<Route path='/institucional' component={Institucional} />
<Route path='/sobre' component={Sobre} />
<Route path='/clientes' component={Clientes} />
<Route path='/contato' component={Contato} />
</div>
</div>
</BrowserRouter>
);
}
export default App;