Я пытаюсь решить некоторые проблемы с производительностью в слайдере изображений и обнаружил, что использование animated.img
дает гораздо лучшую производительность, чем использование animated.div
с некоторым реагирующим компонентом внутри.
Компонент реакции, очевидно, помещен внутрь не просто для удовольствия, но, к счастью, react-spring позволяет анимировать пользовательский компонент, выполнив
const AnimatedComponent = animated(Component)
согласно документам
Но как мне это использовать? Я пытался, но машинописный текст дает действительно бесполезное сообщение об отсутствии 269 различных типов реквизита.
EDIT добавлена ошибка
Ошибка машинописного текста отображается vscode, но это может быть неважно. Поскольку я понятия не имею, какие реквизиты передать для анимации компонента, я не удивлен, что он не работает, но сообщение об ошибке на самом деле не помогает в определении того, что мне нужно делать.
' is missing the following properties from type 'AnimatedProps<{ title: string | FluidValue<string, any>; id: string | FluidValue<string, any>; article?: { title: string; metaTitle: string; metaDescription: string; description: string; showRelatedArticles: boolean; elements: ({ ...; } | ... 4 more ... | { ...; })[]; } | null | undefined; ... 269 more ...; key?: st...': title, id, slot, animate, and 257 more.ts(2740)
Я снял некоторые из первых опор, так как узнаю их по компоненту, который пытаюсь оживить, и знаю, что они присутствуют.
Кто-нибудь пробовал использовать это? Было бы неплохо на примере того, как его использовать.
Я использую 9.0.0-rc.3
версию react-spring, если это имеет значение.