react-Spring动画

例子
import React,{Component} from 'react'
import {Spring} from 'react-spring/renderprops'
export default class index extends Component {
  render(){
   <div>
   {/* from初始样式 to结束样式*/}
     <Spring from={{opacity:1}} to={{opacity:0}} config={{duration:300}}>
       {(props)=>{
       return (
          <div style= {{...props,backgroundColor:'green',height:100}}>
             123
          </div>
          )
        }}
     </Spring>
   </div>
  }
}

注：设置动画时间 需要在config里面设置 具体的查看react Spring官网