animate div when react component show and hide code example

Example: slide hide animaition in react

import {Animated} from "react-animated-css";
<Animated animationIn="slideInLeft" animationOut="slideOutLeft" animationInDuration={1000} animationOutDuration={1000} isVisible={true}>
    <img src="/public/images/demo.jpg"/>
</Animated>