时间戳

首页 > 解决方案 > Framer Motion：如何修复{无法推断“pathLength”的初始值。确保在组件上定义了“pathLength”的初始值}

reactjs - Framer Motion：如何修复{无法推断“pathLength”的初始值。确保在组件上定义了“pathLength”的初始值}

问题描述

使用 framer motion 的 pathLength 属性对 svg 进行动画处理时，会出现标题中指定的错误。其他属性（我尝试旋转和不透明度）按预期工作，没有任何问题。

可能存在哪些问题？

<svg width="84"
     height="84"
     viewBox="0 0 84 84"
     fill="none"
     xmlns="http://www.w3.org/2000/svg">
     <motion.path
        d=" \\ some path"
        initial={{
            pathLength: 0,
        }}
        animate={{
            pathLength: 1,
        }}  />
</svg>

即使错误消失，svg 仍然没有动画

标签： reactjsanimationjsxframer-motion

解决方案

推荐阅读