/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 vote208 views1 answer
Mock a function jest react
Javascript React
-1 vote228 views3 answers
Instalar react native paper
Javascript React
0 vote212 views1 answer
React cam filters
Javascript React
1 vote325 views2 answers
Generate apk debug react native
Javascript React
0 vote206 views1 answer
React hooks component re render when button press
Javascript React
0 vote228 views1 answer
React native anination 2 valuse
Javascript React
0 vote230 views1 answer
How to use elements of 'react-router-dom'
Javascript React
0 vote205 views1 answer
Yarn react select
Javascript React
2 votes329 views1 answer
Dynamic import in reactjs
Javascript React
1 vote266 views1 answer
React redux not updating
Javascript React