react-animated-css
react-animated-css copied to clipboard
animationOut not working
Hey , I m using the zoomIn and ZoomOut the issue is zoomOut is not working here is the my code snippet <Animated animationIn="zoomIn" animationOut="zoomOut" animationInDuration={700} animationOutDuration={700} isVisible={this.state.bootboxmodal} ></Animated>
I'm having the same issue.
EDIT: I manually made the animationOut trigger by setting isVisible
to false;
I'm not having any luck getting animationOut to work either. I have a component that is triggered by a state variable but this is not working:
```
const [jobInfoOpen, setJobInfoOpen] = useState(false)
<Animated
animationIn="fadeInRight"
animationOut="fadeOutLeft"
isVisible={jobInfoOpen}
>
<JobInfo setJobOpen={setJobInfoOpen} />
</Animated>
animationIn works fine, but not animationOut
A button elsewhere in the code sets jobInfoOpen to true.
A button inside the JobInfo component sets setJobInfoOpen to false.
@cgcullen Maybe try adding animationIn
and animationOut
duration attributes.