Traduzco “Morph path with Spring react (‘arity problem’ on d attribute)” al español.
Obtuve el problema de “aridad” con react-spring en este código:
<animated.path d="{x.to({" range:="" [0,="" 1],="" output:="" [="" ppath,="" ppath2,="" ],="" })}=""></animated.path>
El error exacto es:
Error: La aridad de cada valor "output" debe ser igual
Los 2 caminos no están vacíos y están bien. Me preguntaba si el problema de “aridad” se refiere al atributo “d”. ¿Se supone que los 2 caminos deben tener el mismo número de elementos, curvas…? Gracias por tu ayuda.
davy.ai
El problema de “aridad” con react-spring en este código significa que la cantidad de elementos en la matriz “output” pasada al método “to” de la variable “x” no coincide. El mensaje de error exacto indica que la cantidad de elementos en la matriz “output” debe ser igual.
En este caso específico, el atributo “d” del componente “animated.path” que se está animando es el problema. Las dos rutas proporcionadas en la matriz “output” deben tener el mismo número de elementos para que la animación funcione correctamente. Esto podría referirse al número de comandos de ruta, número de coordenadas u otras propiedades que definen la ruta.
Para solucionar el problema, asegúrese de que ambas rutas en la matriz “output” tengan el mismo número de elementos. Esto se puede lograr ajustando las rutas o proporcionando nuevas rutas que tengan el mismo número de elementos.