status-im
/
reagent
mirror of https://github.com/status-im/reagent.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

React key with :> works now

This commit is contained in:
Juho Teperi 2020-04-19 15:19:28 +03:00
parent 9dfe18e918
commit e2f3717d93
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
examples/react-transition-group/src/example/core.cljs
View File

@ -25,11 +25,10 @@
[:> TransitionGroup [:> TransitionGroup
{:component "ul"} {:component "ul"}
(for [e (:elements @state)] (for [e (:elements @state)]
;; Looks like :key from props doesn't work with native components
^{:key e}
;; Can't move this to separate function, or reagent will add component in between and transitions break ;; Can't move this to separate function, or reagent will add component in between and transitions break
[:> CSSTransition [:> CSSTransition
{:classNames "fade" {:key e
:classNames "fade"
:timeout 500 :timeout 500
:on-enter #(js/console.log "enter" e) :on-enter #(js/console.log "enter" e)
:on-entering #(js/console.log "entering" e) :on-entering #(js/console.log "entering" e)