Как отключить isVisible сначала в response-animated-css, а затем сразу же открыть его

Question

renderItem={(dataItem, index) => (
   <Animated animationIn="fadeIn" animationOut="fadeOut" isVisible={true}>
     <div>
       <img src={dataItem.icon} style={{height: '100%', width: '100%'}} alt={"empty"}/>
     </div>
   </Animated>
)}

когда мой образ src был изменен, я хочу сначала сделать isVisible false, а затем немедленно сделать его истинным, что мне делать?