/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 vote371 views1 answer
Htaccess to deploy react app to cpanel
Javascript React
0 vote364 views1 answer
Setting up react on visual studio code
Javascript React
17 votes362 views4 answers
Appdata roaming npm react-native.ps1 cannot be loaded
Javascript React
0 vote349 views1 answer
React native update app from play store ios app store
Javascript React
0 vote339 views1 answer
React document documentMode not found
Javascript React
0 vote356 views2 answers
How to run react builed version
Javascript React
0 vote381 views1 answer
Font awesome react share faShare
Javascript React
30 votes352 views5 answers
Use effect react
Javascript React
1 vote399 views1 answer
How to execute function without using onclick on react code example
Javascript React
0 vote351 views1 answer
React fetch request with content type x-www-form-urlencoded
Javascript React