reactjs - React-anime动画整个组件

这就是我们应该根据他们的文档使用react-anime的方式：

<Anime 
  duration={4000}
  direction="alternate"
  loop={true}
  translateX='10rem'>
<div className="blue"/>
<div className="green"/>
<div className="red"/>
</Anime>

但是我想像这样动画整个组件：

import React, { Component } from 'react'
import Anime from 'react-anime';
import Body from './Body';
import '../../css/style.css'

class Player extends Component {

  render() {
     return (
     <Anime 
     duration={4000}
     direction="alternate"
     loop={true}
     translateX='10rem'>
       <Body />
       </Anime>
   );
 }

}

export default Player;

但它似乎没有用，该组件不会修改他的translateX。有人可以帮忙吗？

由于

React-anime动画整个组件

0 个答案: