Я пытаюсь реализовать react-spring
(https://www.react-spring.io/docs/hooks/basics) в мой процесс Clojurescript, и я изо всех сил пытаюсь перевести это на clojurescript
import {useSpring, animated} from 'react-spring'
function App() {
const props = useSpring({opacity: 1,
from: {opacity: 0}})
return <animated.div style={props}>I will fade in</animated.div>
}
До сих пор это то, что я сделал: мне потребовалось следующее:
(:require
[useSpring]
[animated])
и в блоке let у меня есть что-то вроде этого:
(defn example-app []
(let [props (useSpring (->js {:opacity 1
:from {opacity: 0}}))]
(def props props)
[:animated.div {:style props} "I will fade in"]
))
Переменная props
возвращает это:
#js{:opacity #object[AnimatedValue [object Object]]}
Чем я визуализирую анимированный объект
(react-dom/render
(hx/f [example-app])
(goog.dom/getElement "example-app"))
Это ошибка, которую я получаю
#object[Error Invariant Violation: Objects are not valid as a React child (found: object with keys {ns, name, fqn, _hash, cljs$lang$protocol_mask$partition0$, cljs$lang$protocol_mask$partition1$}). If you meant to render a collection of children, use an array instead.
in core$example_app]
Что я делаю не так? Что мне не хватает?