reactjs - 成帧器/运动的重复属性是否存在错误？

Question

我已经尝试了几次运行下面的代码，无论是在本地还是在 codeandbox 上。
h1 的重复动画不起作用，我的代码有什么问题还是运动重复属性的错误？

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 .
它工作得很好。
我只是在一个空项目中一一复制粘贴。 fork 不起作用。请查看现场演示:https://kd5cl.csb.app/
是关于framer-motion包裹。 Upgrade它到最新或4.1.17 , 目前您正在使用 2.0.0