在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 關(guān)于css3漸入漸出動畫在react中設(shè)置元素為null后，動畫失效的問題怎么解

關(guān)于css3漸入漸出動畫在react中設(shè)置元素為null后，動畫失效的問題怎么解決？

clipboard.png

當(dāng) 設(shè)置 children 為 null 時候 ，想淡出， 用的是 opacity
當(dāng)元素顯示的時候， opacity 變?yōu)?1，當(dāng)元素為null的時候 將 opacity 變?yōu)?0， 但是 元素都為 null 了，動畫也就沒用了，所以 我在 componentWillReceiveProps里做了個判斷，當(dāng) children = null 的時候 ，我給個狀態(tài) 讓它 變?yōu)?opacity = 0，而不是 去替換 children。但是這樣 元素 實(shí)質(zhì)上是沒消失的， 怎么能 讓元素 消失，變?yōu)?null，并且 還要有 變透明的效果呢？

回答
編輯回答
空白格

https://segmentfault.com/a/11...
我覺得這個可以解決你的問題，我也遇到類似問題，還在努力找答案

2018年8月10日 02:52
編輯回答
憶往昔

監(jiān)聽動畫結(jié)束事件，opacity: 0 動畫結(jié)束之后再變?yōu)?null ？

2018年7月30日 08:52