/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 vote243 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React
0 vote285 views1 answer
Preventdefault not working react
Javascript React
5 votes211 views2 answers
Add object in array state react
Javascript React
0 vote279 views1 answer
Space between react native
Javascript React
0 vote239 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
93 votes222 views6 answers
Install react router dom
Javascript React
0 vote248 views1 answer
Text and icon on same line react native
Javascript React
0 vote238 views1 answer
React type div onClick
Javascript React
0 vote281 views1 answer
React native storage
Javascript React
3 votes251 views2 answers
React native width auto
Javascript React