/Javascript/React/React lottie player on hover

React lottie player on hover

import lottieJson from './lottie.json'


const [play, setPlay] = useState(false);

function startPlay() {
  setPlay(true);
}

function stopPlay() {
  setPlay(false);
}

<div className="col-md-5" onMouseEnter={startPlay} onMouseLeave={stopPlay}>
  <Lottie
    className={"img-fluid"}
    animationData={lottieJson}
    mode={"bounce"}
    speed={2}
    play={play}
    loop
    style={{width: "400px", height: "400px", background: "#FFFFFF"}}
    ref={lottieRef}
  />

</div>

Similar codes

0 vote232 views1 answer
Webpack react proxy not working
Javascript React
0 vote211 views1 answer
React-redux form preventdefault
Javascript React
1 vote209 views1 answer
React js console log not working
Javascript React
1 vote210 views2 answers
React native map array of objects
Javascript React
4 votes221 views1 answer
On window resize react
Javascript React
0 vote234 views1 answer
Dlowlad the json fiel in react js pretty formate
Javascript React
0 vote205 views1 answer
Export variables react
Javascript React
0 vote216 views1 answer
Implement cai webchat in react native
Javascript React
2 votes208 views2 answers
Pdf table files download react not working
Javascript React
0 vote201 views1 answer
Map of filtered data react
Javascript React