具有 Spring 反应的变形路径（d 属性上的 "arity problem"）

Question

我在这段代码中遇到了 react-spring 的“arity 问题”：

<animated.path
                                    d={x.to({
                                        range: [0, 1],
                                        output: [
                                            ppath,
                                            ppath2,
                                        ],
                                    })}

                                />)

准确的错误是

Error: The arity of each "output" value must be equal

2条路径都不是空的，没问题。我想知道如果“d”属性出现问题怎么办。两条路径是否应该具有相同数量的元素、曲线……？感谢您的帮助。

Answer 1

如 docs 中所述：

SVG paths (as long as the number of points matches, otherwise use custom interpolation)

具有 Spring 反应的变形路径（d 属性上的 "arity problem"）

Morph path with Spring react ("arity problem" on d attribute)

react-spring