Я пытаюсь использовать реагирующую пружину, и у меня есть очень простая анимация для компонента, который должен быть смонтирован / размонтирован при переключении.
const state = useContext(MyContext)
const transitions = useTransition(state.nav, null, {
from: { tranform: 'translate3d(-100%, 0, 0)' },
enter: { transform: 'translate3d(0, 0, 0)' },
leave: { tranform: 'translate3d(-100%, 0, 0)' },
})
return transitions.map((item, key, props) => (
<animated.div style={props} key={key}>
<Navigation items={items} />
</animated.div>
))
Однако, когда я запускаю это в браузере, я получаю это ошибка:
Uncaught TypeError: Failed to set an indexed property on 'CSSStyleDeclaration': Index property setter is not supported.
Помимо использования контекста, я не вижу ничего плохого, когда смотрю на другой учебник. Спасибо за любую помощь, спасибо!