鍍金池/ 問答/HTML5  HTML/ 關(guān)于react路由切換動畫的問題

關(guān)于react路由切換動畫的問題

頁面刷新的時(shí)候動畫出來了，但是切換路由時(shí)，卻沒有動畫效果，enter和leave的class都沒有出現(xiàn)過，請問是什么問題？
clipboard.png

回答
編輯回答
下墜

CSSTransitionGroup 只有在傳進(jìn)去的 children 切換后才生效。

所以你需要用一個(gè)Switch包裹住兩個(gè)Route。

2017年10月16日 03:00
編輯回答
小曖昧

csstransitionGroup的子組件必須有唯一的key，也就是要給route加上一個(gè)唯一的key
見http://blog.csdn.net/liangklf...

2018年2月21日 00:27
編輯回答
夢囈

這個(gè)問題我也遇到過。 CSSTransitionGroup 做動畫好像是根據(jù) 比較key值的不同。 但是也就是一樓說的， 其實(shí)用了switch包住之后無論你怎么切傳進(jìn)去的 children 也不會不同， 比如在你這 應(yīng)該是一個(gè)數(shù)組 數(shù)組第一個(gè)元素是 Home組件， 第二個(gè)元素是 About組件。 說的不對請大家指正

https://reacttraining.com/rea...

這是文檔上寫的實(shí)現(xiàn)的方法， 目前我也是用這種實(shí)現(xiàn)的。 希望有大神講解看起來不這么復(fù)雜的方法。 因?yàn)榘催@個(gè)做下去， 總是下面在套路由我就亂了

2017年9月29日 10:10