javascript - style - vue props default
¿Cómo se diferencian Animated.Component/createAnimatedComponent(Component) de Component? (1)
Estamos intentando descubrir la causa del siguiente problema del proyecto de componentes de estilo: https://github.com/styled-components/styled-components/issues/389
Se realizaron algunos cambios en refs + setNativeProps que rompieron la animación en un solo lugar, en el supuesto de que parte de la información animada no se transmita correctamente.
De ahí la pregunta para entender cómo createAnimatedComponent altera el componente inicial, ¿qué se agrega? ¿Qué podría hacer que la animación se rompa si no se transmite correctamente?
Proporcione ideas / respuestas detalladas si sabe qué podría estar causando este problema.
ACTUALIZACIÓN El cambio de ruptura relacionado con el problema ocurrió en algún lugar dentro de este archivo como referencia. innerRef pasa la ref , la función isTag comprueba si se trata de un componente nativo.
los componentes animables pueden ser animados. La vista, el texto y la imagen ya están disponibles, y puede crear los personalizados con createAnimatedComponent. Estos componentes especiales hacen la magia de vincular los valores animados a las propiedades y realizan actualizaciones nativas específicas para evitar el costo del proceso de reconciliación y representación de respuestas en cada fotograma. También manejan la limpieza al desmontar para que estén seguros por defecto.