Библиотека Framer Motion некорректно работает с реагентом - PullRequest
Новая
       90

Библиотека Framer Motion некорректно работает с реагентом

0 голосов
/ 30 мая 2020

Я использую библиотеку framer-motion для анимации монтирования div

Вот что у меня есть: 

(:require [framer-motion :refer (motion MagicMotion AnimateSharedLayout AnimatePresence useSpring useMotionValue useTransform useViewportScroll) :as motion])
(def div (.-div motion))
(defn my-component []
    [:> div {
      :initial {:opacity 0}
      :animate {:opacity 1}
      :exit {:opacity 0}} 
"Show Me"])

И логическое значение show-my-component? изменено с false на true когда я нажимаю кнопку (я использую re-frame для управления логическим параметром show-my-component? но здесь упростил код): 

[:button {:on-click (change-show-my-component-boolean-to-true)}]
(if show-my-component? [my-component])

Но компонент не отображается сразу, когда нажатие кнопки при использовании:> div, хотя это происходит при использовании обычного: div, но в последнем случае, конечно, нет анимации

при использовании :> div, мне нужно перефокусировать или щелкнуть где-нибудь на веб-странице

Для отображения my-component

Как исправить эту проблему?

...