Estamos tratando de averiguar la causa del siguiente problema del proyecto de componentes con estilo: https://github.com/styled-components/styled-components/issues/389
Se realizaron algunos cambios en refs + setNativeProps que rompieron la animación en un lugar, supuestamente porque alguna información relacionada con la animación no se transmite correctamente.
De ahí la pregunta de entender cómo createAnimatedComponent
altera el componente inicial, ¿qué se agrega? ¿Qué podría causar que la animación se interrumpa si no se transmite correctamente?
Proporcione ideas / respuesta detallada si sabe qué podría estar causando este problema.
ACTUALIZAR Se produjo un cambio importante relacionado con el problema en algún lugar dentro de este archivo como referencia innerRef
transmite ref
, la función isTag
verifica si es un componente nativo.
los componentes animables se pueden animar. Ya se proporcionan la vista, el texto y la imagen, y puede crear otros personalizados con createAnimatedComponent. Estos componentes especiales hacen la magia de vincular los valores animados a las propiedades y realizan actualizaciones nativas dirigidas para evitar el costo del proceso de reconciliación y procesamiento de reacción en cada cuadro. También manejan la limpieza al desmontar, por lo que son seguros de forma predeterminada.