framer/motion 的 repeat 属性是否存在错误？

Question

我已经在本地和 codesandbox 上尝试了几次运行下面的代码。 h1 的 repeat 动画不起作用，是我的代码有问题还是 motion 的 repeat 属性有问题？

import React from "react";

import { motion } from "framer-motion";
import "./styles.css";

export default function App() {

  return (
    <motion.div>
      <motion.h1
        initial={{ y: -200 }}
        animate={{ y: -10 }}
        transition={{ repeat: Infinity, duration: 2 }}
      >
        Test
      </motion.h1>
    </motion.div>
  );
}

检查 Codesandbox

上的代码

Answer 1

~~我猜你的 CSS 有问题。~~ 我创建了一个空项目：https://codesandbox.io/s/sleepy-sanne-kd5cl?file=/src/index.js。

而且效果很好。

我只是在一个空项目中一个一个地复制粘贴。叉子不起作用。请查看现场演示：https://kd5cl.csb.app/

关于framer-motion包。 Upgrade最新的还是4.1.17，目前您正在使用2.0.0

framer/motion 的 repeat 属性是否存在错误？

is there a bug in repeat attribute of framer/motion?

reactjs

framer-motion